/* ------------------------------------------------- BASIC: STEVIG OUDERSCHAP -------------------------------------------------- */

html,body {
	height	: 100%;
}
body {
	background	: #FFAC0D url(../img/body_bg.jpg) repeat-x;
	font-family	: "Lucida Grande", Geneva, Arial;
	font-size	: 13px;
	font-weight	: normal;
	line-height	: 1.5em;
	color		: #000;
	height		: 100%;
	margin		: 0;
	padding		: 0;
}
#container {
	background	: url(../img/shade_total.jpg) 0 152px repeat-x;
	width		: 810px;
	height		: 100%;
 	margin		: 0 auto;
}
#container-ghost {
	background	: url(../img/shade_total.jpg) 0 152px repeat-x;
	border-left	: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding		: 0 0 30px 0;
}

/* ------------------------------------------------------ BANNER ---------------------------------------------- */

#banner {
	border-left	: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height		: 152px;
}
#banner .logo {
	background	: url(../img/banner_logo.jpg) no-repeat;
	float		: left;
	width		: 390px;
	height		: 152px;
}
#banner .logo h1 {
	text-indent	: -999em;
}
#banner .pic {
	background	: url(../img/banner_pic.jpg) no-repeat;
	float		: right;
	width		: 139px;
	height		: 152px;
	margin		: 0 47px 0 0;
}

/* ------------------------------------------------------ OUDERS & PROFESSIONALS ---------------------------------------------- */

#ouders {
	background	: url(../img/strip_pink.jpg) 55px 12px no-repeat;
	height		: 77px;
	color		: #FFF;
	padding		: 0 0 1px 0;
}
#professionals {
	background	: url(../img/strip_blue.jpg) 55px 12px no-repeat;
	height		: 77px;
	color		: #FFF;
	padding		: 0 0 1px 0;
}
#ouders a, #professionals a {
	text-decoration: none;
	font-weight	: normal;
	font-size	: 13px;
	display		: block;
	color		: #FFF;
	height		: 77px;
	margin		: 0;
}
#ouders a b, #professionals a b { /* b is voor <b>-tag (bold) */
	font-weight	: normal;
	font-size	: 20px;
}
#ouders a span {
	background	: url(../img/strip_pink.jpg) 55px 12px no-repeat;
	display		: block;
	height		: 54px;
	padding		: 23px 0 0 74px; 
}
#professionals a span {
	background	: url(../img/strip_blue.jpg) 55px 12px no-repeat;
	display		: block;
	height		: 54px;
	padding		: 23px 0 0 74px; 
}
#ouders a:hover {
	background	: url(../img/shade_pink_h.jpg) repeat-x;
}
#professionals a:hover {
	background	: url(../img/shade_blue_h.jpg) repeat-x;
}
#ouders a:hover b, #professionals a:hover b {
	text-decoration	: underline;
}

/* ------------------------------------------------------ CONTENT ---------------------------------------------- */

#maincontent {
	background	: url(../img/strip_yellow.jpg) 55px 22px no-repeat;
	height		: 100%;
	margin		: 0;
	padding		: 0 47px 0 0; /* ivm positionering pics */
}
#maincontent h2 {
	font-size	: 20px;
	font-weight	: normal;
	color		: #FFF;
	margin		: 0 0 26px 74px;
	padding		: 33px 0 0 0;
}
#maincontent p {
	width	: 522px;
	margin	: 0 0 21px 74px;
	padding	: 0;
}
#maincontent ul {
	list-style	: none;
	float		: right;
	width		: 135px;
	height		: 404px;
	margin		: 36px 0 0 0;
	padding		: 0;
}
#maincontent ul li {
	margin		: 0;
	padding		: 0;
}
#maincontent p a {
	text-decoration	: none;
	color			: #FFF;
	font-weight		: bold;
}
#maincontent p a:hover {
	text-decoration: underline;
}