/*===============================================================================================*/
/* MAIN																														 */
/*===============================================================================================*/
div.header
{
	background: #FFFFFF;
	float: left;
	width: 731px;
}

div.wrapper
{
	width: 742px;
	background: #FFF url("../img/bgMain.gif") repeat-y 0px 0px;
	float: left;
}

div.layout
{
	margin-left: 5px;
	background: #FFFFFF;
	float: left;
	display: inline;
	width: 731px;
}
/*===============================================================================================*/
/*	HEADER																													 */
/*===============================================================================================*/
.logo
{
	width: 201px;
	height: 114px;
	display: block;
	float: left;
}

.logo img
{
	margin: 19px 0px 0px 9px;
	display: inline;
	float: left;
}

.headerImage
{
	width: 530px;
	height: 114px;
	display: block;
	float: left;
}

.headerImage .headerImgTop
{
	width: 530px;
	height: 114px;
	float: left;
}

#mainMenu img
{
	float: left;
}
/*===============================================================================================*/
/* Quicksearch */
/*===============================================================================================*/
#mainMenu .quickSearch
{
	margin-top: 5px;
	width: 155px;
	height: 17px;
	float:right;
}

#mainMenu .quickSearch form
{
	background: none;
}

#mainMenu .quickSearch form input
{
	width: 114px;
	height: 14px;
	border: 0px;
	padding-top: 1px;
	float: left;
}

#mainMenu .quickSearch form button
{
	width: 25px;
	height: 18px;
	padding: 0px;
	border: 0px;
	cursor: pointer;
	background: none;
	float: left;
}
/*===============================================================================================*/
/*	LAYOUT/CONTENT																											 */
/*===============================================================================================*/
div.content
{
	width: 100%;
	background: #FFF url("../img/bgContent.gif") repeat-y 0px 0px;
	float: left;
}

div.contentPortal
{
	width: 100%;
	background: #FFF url("../img/bgContentPortal.gif") repeat-y 0px 0px;
	float: left;
}

div.content .payOff,
div.contentPortal .payOff
{
	width: 100%;
	height: 100%;
	background: url("../img/payOff.gif") no-repeat 0px bottom;
	float: left;
}

div.content .left,
div.contentPortal .left
{
	width: 179px;
	padding: 18px 0px 135px 6px;
	float: left;
}

div.content .payOffPortal .left,
div.contentPortal .payOffPortal .left
{
	width: 149px;
	padding: 18px 0px 135px 6px;
	float: left;
}

div.content .center
{
	width: 460px;
	padding: 0px 0px 20px 20px;
	float: left;
}

div.contentPortal .centerPortal
{
	width: 395px;
	padding: 0px 13px 0px 13px;
	display: inline;
	float: left;
}

div.content .right,
div.contentPortal .right
{
	width: 155px;
	float: left;
}

a.btnExtranet
{
	width: 144px;
	height: 25px;
	margin-top: 14px;
	background: url("../img/btnExtranet.gif") no-repeat 0px 0px;
	float: left;
}

a.btnExtranet:hover
{
	background: url("../img/btnExtranet.gif") no-repeat 0px -35px;
}

.legendaContainer
{
	width: 120px;
	float: left;
}

.legendaContainer .title,
.legendaContainer .uitleg,
.legendaContainer .content
{
	color: #FFF;
	margin-bottom: 15px;
}

.legendaContainer .title
{
	font-weight: bold;
}
/*===============================================================================================*/
/*	PORTAL																													 */
/*===============================================================================================*/
div.contentPortal .centerPortal .portalTop
{
	width: 395px;
	height: 22px;
	background: url("../img/portalCenterTop.gif") no-repeat 0px 0px;
	float: left;
}

div.contentPortal .centerPortal .wrapperPortal
{
	width: 371px;
	padding: 0px 12px 13px 12px;
	float: left;
}

div.spotlight
{
	margin: 18px 0px 0px 14px;
	width: 340px;
	display: inline;
	padding-bottom: 15px;
	float: left;
}

div.portalNieuws
{
	margin: 13px 0px 0px 0px;
	width: 343px;
	padding: 14px;
	background: #91D4F2;
	float: left;
}

div.portalNieuws .top,
div.portalNieuws .content,
div.portalVacatures .top,
div.portalVacatures .content
{
	background: none;
}

div.portalVacatures
{
	margin: 13px 0px 0px 0px;
	width: 343px;
	padding: 14px;
	background: #F4F4F5;
	float: left;
}

div.portalNieuws .top,
div.portalVacatures .top
{
	height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #5D5D5F;
}

div.portalVacatures .top
{
	border: none;
}

div.portalNieuws .content
{
	padding-top: 8px;
}

div.portalNieuws .content a
{
	color: #5D5D5F;
	text-decoration: none;
}

div.portalNieuws .content a:hover
{
	text-decoration: underline;
}

div.portalNieuws .content a span
{
	margin-left: 5px;
	color: #D6001A;
	text-decoration: none;
}

div.portalVacatures .content
{
	padding-top: 0px;
}

div.portalVacatures .content .vacatureItem
{
	width: 100%;
	padding: 5px 0px 5px 0px;
	border-top: 1px dotted #5D5D5F;
	float: left;
}

.vacatureItem .date,
.vacatureItem .place,
.vacatureItem .title
{
	clear: both;
}

.vacatureItem a
{
	margin-left: 5px;
	text-decoration: none;
}

.vacatureItem a:hover
{
	text-decoration: underline;
}

.portalScholen
{
	width: 135px;
	padding: 39px 10px 12px 10px;
	background: #F4A600;
	float: left;
}

.portalScholen .title
{
	height: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.portalScholen a
{
	width: 100%;
	color: #5D5D5F;
	border-top: 1px dotted #5D5D5F;
	padding: 7px 0px 7px 0px;
	text-decoration: none;
	float: left;
}
/*===============================================================================================*/
/*	FOOTER																													 */
/*===============================================================================================*/
div.footer
{
	float: left;
	width: 741px;
}

div.footer .top
{
	height: 5px;
	background: #FFFFFF url("../img/bgFooter.gif") no-repeat 0px 0px;
}

div.footer .footerLinks
{
	padding: 5px 0px 10px 0px;
	text-align: right;
}

div.footer .footerLinks a
{
	color: #D1D1D3;
	margin-left: 5px;
}

div.footer .footerLinks a.img
{
	text-decoration: none;
}
/*===============================================================================================*/
/*	MISC																														 */
/*===============================================================================================*/

/*===============================================================================================*/