@charset "utf-8";
body {
	color: #330066;
	background-color: #3C3C3C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* Tips voor Elastic-lay-outs 
1. Aangezien de algehele grootte van de elastic-lay-outs is gebaseerd op de standaard lettertypegrootte van de gebruiker, hebben deze lay-outs een grotere mate van onvoorspelbaarheid. Bij een juist gebruik zijn ze echter wel toegankelijker voor diegenen die een groter lettertype behoeven omdat de lengte van de regel proportioneel blijft.
2. De grootte van de div-elementen in deze lay-out is gebaseerd op een lettertypegrootte van 100% in het element body. Als u de tekstgrootte algeheel reduceert door middel van font-size: 80% voor het element body of voor #container, dient u niet te vergeten dat de complete lay-out proportioneel kleiner zal worden. Wellicht wilt u de breedtes van de verschillende div-elementen vergroten om dit te compenseren.
3. Als de lettertypegrootte wordt gewijzigd d.m.v. verschillende waarden voor elk element div in plaats van voor het algehele ontwerp (bijv. #sidebar1 krijgt een lettertypegrootte van 70% en #mainContent krijgt een lettertypegrootte van 85%), leidt dit tot proportionele wijziging van de algehele grootte van elk van de div-elementen. Mogelijk wilt u dit aanpassen op basis van uw uiteindelijke lettertypegrootte.
*/
.oneColElsCtrHdr #container {
	text-align: left;
	background-color: #3C3C3C;
	height: auto;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.oneColElsCtrHdr #header {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #3C3C3C;
	background-image: url(../plaatjes/header_new.jpg);
	background-repeat: no-repeat;
	height: 221px;
	width: 940px;
} 
.oneColElsCtrHdr #container #menu {
	height: 30px;
	width: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 140px;
}

.oneColElsCtrHdr #container #top {
	background-image: url(../plaatjes/images/boven.jpg);
	background-repeat: no-repeat;
	height: 27px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 920px;
	bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	left: 0px;
	top: 0px;
	margin-right: 20px;
	float: left;
}

.oneColElsCtrHdr #mainContent {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 892px;
	background-position: center center;
	height: auto;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #03B3E2;
	border-left-color: #03B3E2;
	float: left;
	margin-left: 20px;
}

.oneColElsCtrHdr #container #onder {
	background-image: url(../plaatjes/images/onder.jpg);
	background-repeat: no-repeat;
	height: 27px;
	margin-top: 0px;
	background-position: center;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: 0px;
	width: 940px;
	float: left;
}
a {
	font-size: small;
}
a:link {
	text-decoration: none;
	color: #330066;
}
a:visited {
	text-decoration: none;
	color: #330066;
}
a:hover {
	text-decoration: underline;
	color: #330066;
}
a:active {
	text-decoration: none;
	color: #330066;
}
.stijl7 {
	font-size: medium;
	color: #330066;
}
.stijl9 {color: #999999;}	
.stijl1 {color: #FFFFFF}
.stijl3 {
	font-size: medium
}