html, body {
margin : 0;
padding : 0;
}
body {
color : #333;
background : #FFF;
width : 100%;
font : 73% "lucida sans", "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}
			/*WRAP*/
#container {
width : 80%;
margin : 0 auto;
line-height: 2em;
background : #F8F2DA url(../images/bg1.jpg);
color : #333;
}
			/*TOP BANNER*/
#top {
padding : 0.5em;
height: 100px;
background : #FFF url(../images/logotitleeric.jpg);
background-repeat:no-repeat;
color : #484452;
}
#top h1 {
padding : 0;
margin : 10px 0 0 10px;
font-size : 170%;
letter-spacing: 5px;
}
			/*LEFT SIDEBAR*/
#leftnav {
float : left;
width : 180px;
margin : 0;
/*padding : 1em;*/
/*border-right : 1px solid #042D7A;*/
}
/*#leftnav p {
margin : 0 0 1em 0;
}
			/*MAIN CONTENT*/
#content {
margin-left : 183px;
border-left : 1px solid #042D7A;
padding : 1em 1em 0 3em;
color:#03F;
}
			/*FOOTER*/
#footer {
clear : both;
margin : 0;
padding : .5em 0 1em 0;
font-size : 0.9em;
border-bottom : 0px solid #808080;
border-top :1px solid #808080;
color : #fafafa;
background:#042D7A;
}
#footer a {
background: inherit;
color: #C7AFBD;
}
#footer a:hover {
background: inherit;
color: #FFF;
}
#footer img {
float : right;
}

*>html #footer img {
        margin : 0;
}
/* end */
#footer p {
padding-left :10px;
}
		/* TOP NAVIGATION  */
#navcontainer ul {
text-align: center;
font-weight:bold;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background: #042D7A;
color: #fff;
width: 100%;
font-family: Helvetica, Arial, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}
#navcontainer ul li {
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
/* matches link padding except for left and right */
padding-top: 10px;
}
#navcontainer ul li a {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {
background: #FFF;
color: #03F;
}
#navcontainer #active {
border-left: 1px solid #fff;
}


		/* BOTTOM COLUMNS */
#columns {
clear : both;
width :100%;
height: 150px;
margin : 0;
padding : 1em 0 0 0;
border-top: 3px solid #5E516F;
background: #C7AFBD;
color: #5E516F;
}
.col3,.col3center {
float: left;
width: 29%;
margin-left : 20px;
}
.col3center {
margin: 0 3%;
}
#columns a {
background: inherit;
color: #5E516F;
}
#columns a:hover {
background: inherit;
color: #fff;
}
#columns h2 {
margin : 0 0 0.5em 1em;
font-size : 140%;
text-transform: uppercase;
color : #5E516F;
background : transparent;
}
		/* LINKS */
a:link, a:visited {
color : #03F;
background : transparent;
text-decoration : underline;
}
a:hover {
color : #484452;
text-decoration : none;
}
a:active {
color : #484500;
text-decoration : none;
}
img {
border : none;
}
		/*CLASS */
.quote {
border-top : 1px solid #A662AA;
padding : 10px;
color: #A662AA;
}
.imgleft {
float: left;
}
		/* TYPOGRAPHY */
h2 {
margin : 0 0 .5em 0;
font-size : 130%;
color : #039;
background : transparent;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

table.beheer td { 
	border: 1px solid #464646;
	background-color:#CCC;
	}
table.beheer th {
	border-top: none; 
	border-bottom: none; 
	border-left: none; 
	border-right: none; 
	text-align:left;
	}
	
.cijfer {
	color:#FF0000;
	font-size:15px;
	text-decoration:none; 
	}