body{
	background:url(/images/bg.jpg) repeat-x #c7c7c7;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/* Styles voor homepagina */
#home_holder {
	position:relative;
	margin:0px auto;
	width:833px;
}

#home_holder #logo {
	position:absolute;
	top:29px;
	left:344px;
	width:145px;
	height:136px;
}

#home_holder #buttons {
	position:absolute;
	top:187px;
	width:833px;
	height:279px;
}

#home_holder #content {
	background:none;
	position:absolute;
	top:446px;
	left:0px;
	width:833px;
	min-height:30px;
	line-height:55px;
	padding:30px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#414141;
}

#home_holder #copyright {
	background:none;
	padding:0px;
	position:absolute;
	top:550px;
	left:318px;
	width:198px;
	height:13px;
}

/* Styles voor organisatie */
#holder.organisatie #banner {
	background:url(/images/banner-organisatie.jpg) no-repeat;
	background-position: 11px 11px;
}
#holder.organisatie h1, #holder.organisatie h2{
	color:#e2bf33;
}
#holder.organisatie a:hover{
	color:#e2bf33;
}
#holder.organisatie #menu a {
	color:#555555;
}
#holder.organisatie #menu a:hover, #holder.organisatie #menu a.active {
	color:#e2bf33;
}
#holder.organisatie #content ul.sitemap{
	color:#e2bf33;
}
#banner #onderdelen #organisatie {
	color:#e6cf74;
}
#banner #onderdelen #organisatie.active {
	color:#e2bf33;
}


/* Styles voor scholen */
#holder.scholen #banner {
	background:url(/images/banner-scholen.jpg) no-repeat;
	background-position: 11px 11px;
}
#holder.scholen h1, #holder.scholen h2{
	color:#3c6c3d;
}
#holder.scholen a:hover{
	color:#3c6c3d;
}
#holder.scholen #menu a {
	color:#555555;
}
#holder.scholen #menu a:hover, #holder.scholen #menu a.active {
	color:#3c6c3d;
}
#holder.scholen #content ul.sitemap{
	color:#3c6c3d;
}
#banner #onderdelen #scholen {
	color:#789779;
}
#banner #onderdelen #scholen.active {
	color:#3c6c3d;
}

/* Styles voor personeel */
#holder.personeel #banner {
	background:url(/images/banner-personeel.jpg) no-repeat;
	background-position: 11px 11px;
}
#holder.personeel h1, #holder.personeel h2{
	color:#39408e;
}
#holder.personeel a:hover{
	color:#39408e;
}
#holder.personeel #menu a {
	color:#555555;
}
#holder.personeel #menu a:hover, #holder.personeel #menu a.active {
	color:#39408e;
}
#holder.personeel #content ul.sitemap{
	color:#39408e;
}
#banner #onderdelen #personeel {
	color:#787eb0;
}
#banner #onderdelen #personeel.active {
	color:#39408e;
}


/* Styles voor normalepagina's */
#bg {
	background:url(/images/bgright.jpg) repeat-x;
	position:absolute;
	left:0px;
	top:0px;
	height:157px;
	width:100%;
	z-index:1;
}

#bg #bgleft {
	background:url(/images/bgleft.jpg) repeat-x;
	position:absolute;
	left:0px;
	top:0px;
	height:157px;
	width:50%;
}

#holder {
	background:#ffffff;
	position:relative;
	margin:0px auto 0px auto;
	width:1000px;
	z-index:2;
}

#holder p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#holder #bgtop {
	background:url(/images/bg-top.jpg) no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	height:157px;
	width:1000px;
}

#holder #bg-left {
	background:url(/images/bg-left.jpg) no-repeat;
	position:absolute;
	left:0px;
	top:157px;
	height:408px;
	width:11px;
	z-index:3;
}

#holder #bg-right {
	background:url(/images/bg-right.jpg) no-repeat;
	position:absolute;
	right:0px;
	top:157px;
	height:408px;
	width:11px;
	z-index:3;
}

#banner {
	padding-top:11px;
	position:relative;
	width:999px;
	height:146px;
}

#banner #homebutton {
	position:absolute;
	left:20px;
	top:30px;
	width:110px;
	height:100px;
}

#banner #homebutton a {
	display:block;
	width:110px;
	height:100px;
	text-decoration:none
}

#banner #onderdelen {
	position:absolute;
	left:140px;
	top:30px;
	width:110px;
	height:100px;
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:28px;
}

#banner #onderdelen a {
	text-decoration:none
}

#banner #links {
	position:absolute;
	right:25px;
	top:25px;
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:14px;
	color:#555555
}

#banner #links a {
	text-decoration:none;
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:14px;
	color:#555555
}

#banner #links a:hover {
	text-decoration:none;
	color:#000000
}

#menu {
	position:absolute;
	top:120px;
	right:10px;
	width:570px;
	height:50px;
	z-index:90;
}

#menu ul {
	display:inline;
	list-style:none;
}

#menu ul li {
	display:inline;
	float:left;
	list-style:none;
	display:block;
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:14px;
	color:#555555
}

#menu ul li a {
	text-decoration:none;
	color:#555555
}

#content {
	background:url(/images/bg-content.jpg) repeat-y;
	position:relative;
	width:928px;
	min-height:370px;
	padding-left:36px;
	padding-right:36px;
	z-index:1;
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:14px;
	line-height:20px;
	color:#555555;
}

#content td{
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:14px;
	line-height:20px;
	color:#555555;
}

#content h1 {
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:36px;
	line-height:36px;
	padding-top:20px;
	margin-top:0px;
	font-weight:normal
}

#content h2 {
	font-family:Calibri, Verdana, Verdana, Arial, Helvetica;
	font-size:18px;
	line-height:18px;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:5px;
	font-weight:normal
}
#content a {
	color:#555555;
}

#content hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dashed #555555; 
	border-style: none none dashed;
}

#copyright {
	background:url(/images/bottom.jpg) no-repeat #c7c7c7;
	position:relative;
	margin:0px auto;
	padding-top:25px;
	padding-bottom:5px;
	width:1000px;
	text-align:center;
	z-index:3;
}