.bg_body {
background-color:	   		#d98fec;
scrollbar-face-color:		#d98fec;
scrollbar-shadow-color:		#e8d7ec;
scrollbar-highlight-color:	#e8d7ec;
scrollbar-3dlight-color:	#d98fec;
scrollbar-darkshadow-color:	#d98fec;
scrollbar-track-color:		#d98fec;
scrollbar-arrow-color:		#9423b0;
/*background-image: url(../Images/bgshape3.jpg);*/
background-image: url(../Images/nieuwe_achtergrond.jpg);
}

* {
font-family:	Arial,Utopia,Sans Serif,Courier;
font-size:		14px;
}

#logocontainer {
top: 10px;
left: 10px;
width: 344px;
}

h1, h2 {
font-size:      20px;
color:          #63416b;
padding-top:	35px;
padding-left:	20px;
padding-bottom:	1px;
} 

h3 { 
color:          #e0bfff;
padding-left:	20px;
} 

h4 { 
font-size:      18px;
color:          #e0bfff;
padding-top:    20px;
padding-left:	20px;
} 

.tekst {
line-height:	20px;
color:          #000000;
padding-top:	1em;
padding-left:	20px;
padding-right:	20px;
}

#back {
text-align:     right;
}

a:link, a:active, a:visited {
text-decoration:	none;
color: #e0bfff;
text-align:		left;
font-weight:		normal;
}

a:hover {
text-decoration:	none;
color: #63416b;
text-align:		left;
font-weight:		normal;
}

hr {
margin: 10px;
color: #63416b;
background-color: #63416b;
height: 1px;
border:none;
}

#bodycontainer {
/*width: 90%;*/
width: 900px;
margin-top: 40px;
margin-left: 30px;
background-color: #d577ec;
color: black;
border: 1px solid #63416b;
line-height: 130%;
}

#top {
background-color: #e0bfff;
border-bottom: 1px solid #63416b;
padding: 0;
margin: 0;
}

#top h1 {
padding: 0;
margin: 0;
}

#leftnav {
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content {
margin-left: 200px;
border-left: 1px solid #63416b;
padding: 1em;
max-width: 36em;
}

#footer {
clear: both;
margin: 0;
padding: .5em;
color: #black;
background-color: #e0bfff;
border-top: 1px solid #63416b;
}

#leftnav p {
margin: 0 0 1em 0;
}

#content h2 {
margin: 0 0 .5em 0;
}

/* Images righ/left aligned */
img.imgleft {
float:		left;
margin-left: 0;
margin-right: .75em;
border:		3px /*.75em*/ solid #d98fec;
}

img.imgright {
float:		right;
margin-left:		.75em;
border:		3px /*.75em*/ solid #d98fec;
}

img {
margin:		0;
border:		3px solid #d98fec;
}

.floatRightClear {
float: right;
clear: right;
font-family:Arial,Utopia,Sans Serif,Courier;
font-size:10px;
color:white;
text-align:center;
padding-left: 5pt;
padding-right: 5pt;
padding-top: 5pt;
}

.floatLeftClear {
float: left;
clear: left;
font-family:Arial,Utopia,Sans Serif,Courier;
font-size:10px;
color:white;
text-align:center;
padding-left: 5pt;
padding-right: 5pt;
}

div#slideshow img {
position:	absolute;
top: 13px;
/*right:      13px;*/
left:       740px;
margin:		.75em;
border:		3px solid #d577ec;
}

/* navigation */
#navcontainer ul {
padding: 0;
margin: 0;
background-color: #e0bfff;
color: black;
float: left;
width: 100%;
border-bottom: 1px solid #63416b;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
padding: 0.2em 1em;
background-color: #e0bfff;
color: black;
text-decoration: none;
float: left;
border-right: 1px solid #63416b;
}

#navcontainer ul li a:hover {
background-color: #63416b;
color: #e0bfff;
}

#active a {
background-color: red; /*#d577ec;*/
color: #e0bfff;
}

/* class schedule */
.rooster tr {
margin-bottom:		50pt;
background-color:	#e0bfff;
height:             25pt;
}

.filler {
height: 5px;
background-color: #d577ec;
}