#wrapper {
	background:			#004997  url('/img/background-contentcolors.jpg') top left repeat-y;
}
#navigationbox {
	height:				150px;
}
#main .hr {
	background-color:	#336dac;
	color:				#336dac;
}
.link-category {
	color:				#80a4cb;
}

/*---------------------------------------------------------- Content-wrapper ---------------------------------------------------*/
#content-wrapper {
	width:				702px;
	margin-bottom:		45px;
	background:			white url('/img/bg-content.gif') top left repeat-y;
	min-height:			500px;
}

#content-wrapper .hr {
	background-color:	#ccdbea;
	color:				#ccdbea;
	margin-bottom:		22px;
}

/*---------------------------------------Breadcrums---------------------------------------*/
#breadcrums {
	padding:			0 0 5px 30px;
	font-size:			11px;
	color:				#9bb6d4;
}
#breadcrums a {
	color:				#9bb6d4;
}
#breadcrums a:hover {
	color:				white;
}

/*--------------------------------------------------- Content ------------------------------------------*/

#content {
	padding:			45px 40px 30px 40px;
	float:				left;
	width:				392px;
	color:				#004896;
	margin-bottom:		0;
	background-color:	white;
	word-wrap:			break-word;
}
#content h1 {
	line-height:		normal;
	color:				#b2247d;
	font-size:			28px;
	margin-bottom:		12px;
}
#content h1.page-title {
	font-size:			22px;
}
#content h2 {
	line-height:		normal;
	color:				#004896;
	font-size:			15px;
	margin-bottom:		10px;
}
#content h4 {
	line-height:		normal;
	color:				#004896;
	font-size:			12px;
	font-weight:		bold;
}
#content p {
	margin-bottom:		22px;
}

#content ul {
	list-style:			outside disc;
	padding-left:		15px;
	padding-bottom: 	22px;
}
#content a {
	color:				#b2247d;
}
#content a:hover {
	text-decoration:	underline;	
}

/*---------------------------------------------- Rechter content-blok --------------------------------*/

#content-right {
	clear:				right;
	float:				right;
	width:				230px;
}

/*----------------------------------------------- Submenu in content-wrapper -----------------------*/

#content-wrapper .submenu-in-content {
	display:			block;
	list-style:			none;
	width:				170px;
	padding:			30px;
	background-color:	#e2f1f6;
}
#content-wrapper .submenu-in-content a {
	display:			block;
	line-height:		22px;
	background-color:	#e2f1f6;
	color:				#004997;
	width:				100%;
	font-weight:		bold;
}
a, #content-wrapper .submenu-in-content a.active, #content-wrapper .submenu-in-content a:hover {
	color:				#cad33a;
	text-decoration:	none;
}

/*----------------------------------------------- Extra content (paarse vlak) -----------------------*/
#content-wrapper #extra-content {
	width:				170px;
	padding:			30px;
	background-color:	#b2247d;
	word-wrap:			break-word;
}
#content-wrapper #extra-content h1, #content-wrapper #extra-content h2, #content-wrapper #extra-content h3, #content-wrapper #extra-content h4 {
	line-height:		normal;
	color:				white;
	font-size:			15px;
	margin-bottom:		5px;
}
#content-wrapper #extra-content h4 {
	font-size:			13px;
}
#content-wrapper #extra-content a {
	color:				#c8d41c;
}

#content-wrapper #extra-content ul {
	list-style:			none;
	margin:				0 0 30px 0;
}
#content-wrapper #extra-content ul li a{
	display:			block;
	width:				100%;
	border-bottom:		1px dashed #c8d41c;
	padding:			7px 0;
}
#content-wrapper #extra-content ul li a.last-item{
	border-bottom:		none;
}

#content-wrapper #extra-content p {
	margin:				10px 0;
}

#privaat-link {
	margin-bottom:		25px;
}


/*---------------------------------------------- In beeld (fotoraster) ---------------------------------------------*/
#content img.selected {
	float:				left;
	margin:				0 15px 15px 0;
}

#content #fotoraster-content {
	margin-bottom:		30px;
}

#content #fotoraster-content h2.title{
	clear:				both;
}

#content #fotoraster {
	margin-top:			15px;
}

#content #fotoraster img {
	margin:				1px;
}

/*---------------------------------------------------- Medewerkers ===============================================*/
.medewerkers {
	margin-bottom:		30px;
}
.functie {
	float:				right;
	font-weight:		normal;
	font-style:			italic;
}
#cv-lang {
	display:			none;
}

/*-------------------------------------------------- Leergangen -------------------------------------------*/
#leergangen-zoek-form select {
	width:				100%;
}