/*===============================================================================================*/
/*
	body, td, a, p, h1..6, hr, div, input, textarea, button
*/
/*-----------------------------------------------------------------------------------------------*/
/*
	CSS classes voor standaard objecten. Moeten altijd in dit bestand voorkomen, maar mogen 
	natuurlijk wel	worden aangepast of uitgebreidt.
*/
/*===============================================================================================*/
*
{
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #012D47;
}

body
{
	margin: 0px;
 	color: #012D47;
	text-align: center;
 	background: #EEF1F2;
}

td
{
	margin: 0px;
}

h1
{
	margin:0px;
}

h2
{
	margin: 0px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #D5E600;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px; 
}

h4
{
	margin: 0px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
}

h5
{
	margin: 0px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #FFFFFF;
	line-height: 20px;
}

h6
{
	font-size: 11px;
	font-weight: bold;
	line-height: 11px; 
}

ul
{
	margin: 0px 0px 0px 20px;
} 

ol
{
	margin: 0px 0px 0px 32px;
} 

p
{
	margin: 0px 0px 0px 0px;
}

blockquote
{
	margin: 0px 0px 0px 20px;
}

hr
{
	color: #D9E4E6;
	width: 100%;
	clear: both;
	height: 1px;
}

a
{
	text-decoration: none;
	color: #012D47;
	font-weight: bold;
}

a:hover
{
	text-decoration: none;
	color: #C8DB00;
}

div 
{
	text-align: left; 
	border: 0px solid black;
}

form
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	background:#EEF1F2;
	float:left;
}

input.zoek
{
	border: 1px solid #D7E104;
	height: 19px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	padding-top: 3px;
	padding-left: 4px;
	font-size: 10px;
	color: #424462;
}

input
{
	/* width: 350px; */
	border-right: 1px solid #EEF1F2;
	border-bottom: 1px solid #EEF1F2;
	border-left: 1px solid #A2B3BB;
	border-top: 1px solid #A2B3BB;
	height: 16px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	padding-top: 2px;
	padding-left: 2px;
	font-size: 12px;
	color: #424462;
	margin-left: 10px;

}

input.checkbox
{
	border: 0px;
	background: transparent;
}

input.radio
{
	border: 0px;
	background: transparent;
}

textarea
{
	float: left;
}

option
{
	color: #000000;
}

input.cmsButton
{
	height: 24px;
	border-top: 1px solid #E6E8E9;
	border-right: 1px solid #B7B9BA;
	border-bottom: 1px solid #B7B9BA;
	border-left: 1px solid #E6E8E9;
	padding: 2px 4px 2px 4px;	/* top right bottom left */
	margin-right: 5px;
	background: url("../img/bgButton.gif") repeat-x 0 0;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #012D47;
	font-weight: bold;
}

button 
{
	height: 24px;
	border-top: 1px solid #E6E8E9;
	border-right: 1px solid #B7B9BA;
	border-bottom: 1px solid #B7B9BA;
	border-left: 1px solid #E6E8E9;
	padding: 2px 4px 2px 4px;	/* top right bottom left */
	margin-right: 5px;
	background: url("../img/bgButton.gif") repeat-x 0 0;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #012D47;
	font-weight: bold;
}

.error
{
	color: red;
	font-weight: bold;
}

/*===============================================================================================*/
/*
	EINDE van de standaard CSS classes
*/
/*===============================================================================================*/
/*
	Kalender CSS classes
*/
/*===============================================================================================*/
/*	De weekdagen (m, d, w, d, v, z, z) */
td.calDayHeader 
{
	text-align:	right;
	width: 18px;
	border-bottom: 1px solid #B8B8B8;
	color: #012D47;
}

/* De weeknummers */
td.calWeekNo 
{
	text-align:	right;
	width: 18px;
	border-right: 1px solid #B8B8B8;
	cursor: hand;
	color: #012D47;
}

/* onMouseOver van de weeknummers */
td.calSel
{
	background-color: #CCCCCC;
}

/* De dagen in de huidige maand */
td.calDay
{
	text-align: right;
	background-color: #EEEEEE;
	color: #012D47;
	cursor: hand;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

/* De dagen van een andere maand (Other Month) */
td.calDayOM
{
	text-align: right;
	color: #B8B8B8;
	cursor: hand;
}

/* Een geselecteerde dag in de huidige maand */
td.calSelected
{
	background-color: #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/* Een geselecteerde dag in een andere maand */
td.calSelectedOM
{
	background-color: #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: white;
}

/* Vandaag */
td.calToday
{
	border: 1px solid #012D47;
}

/* Als er agenda/kalender items zijn op die dag */
td.calFilled
{
	font-weight: bold;
}

/* De TD waar de maand in getoond wordt */
td.calMonth
{
	color: #012D47;
}
/*===============================================================================================*/
/*
	EINDE Kalender CSS classes
*/
/*===============================================================================================*/


/*===============================================================================================*/
/*
	BEGIN Forum CSS classes
*/
/*===============================================================================================*/
thead.forumHead
{
	background: #D9E4E6;
	font-weight: bold;
}

td.forumHead
{
	color: #012D47;
}

a.forumTitle, a.forumTitle:hover
{
	color: #012D47;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}

tr.forum
{
	background-color: #F9FBFB;
}

td.forum
{
	color: #012D47;
}

td.forumGuestname
{
	font-weight: bold;
	color: #012D47;
}

/*===============================================================================================*/
/*
	EINDE Forum CSS classes
*/
/*===============================================================================================*/


/*=========================================== main ==============================================*/
div.mainContainer
{
	margin: 0px auto 0px auto;
	width: 879px;
	/* height:100%; */
}

.background
{
	width: 879px;
	float: left;
}
/*=========================================== main ==============================================*/


/*=========================================== header ==============================================*/
.mainHeader
{
	width: 879px;
	float: left;
}

.headerSpacer
{
	width: 879px;
	height: 16px;
	overflow: hidden;
	float: left;
}

.headerWhite
{
	width: 879px;
	height: 55px;
	background: #FFFFFF;
	float: left;
}

.logo
{
	width: 175px;
	float: left;
}

.spacer494
{
	width: 494px;
	height: 55px;
	overflow: hidden;
	float: left;
}

.mainZoek
{
	width: 200px;
	float: left;
}

.zoekTop
{
	width: 200px;
	height: 19px;
	float: left;
}

.zoekVeld
{
	width: 176px;
	float: left;
}

.zoekBtnVeld
{
	width: 24px;
	float: left;
}

.btnZoek
{
	width: 19px;
	height: 19px;
	border:0px;
}

.btnSend
{
	width: 94px;
	height: 26px;
	border:0px;
}
/*=========================================== header ==============================================*/


/*=========================================== topMenu ==============================================*/
.mainMenu
{
	width: 879px;
	height: 60px;
	float: left;
}

.topMenu, a.topMenu
{
	width: 100%;
	height: 29px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #424462;
	text-decoration: none;
	background: url("../img/bgTopMenu.gif") repeat-x 0 bottom;
	float: left;
}

a.topMenu:hover
{
	width: 100%;
	color: #424462;
	text-decoration: none;
	background: url("../img/bgTopMenuMo.gif") repeat-x 0 0;
}

.topMenuLoc, a.topMenuLoc, a.topMenuLoc:hover
{
	width: 100%;
	height: 29px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #424462;
	text-decoration: none;
	background: url("../img/bgTopMenuMo.gif") repeat-x 0 0;
	float: left;
}

.subMenu
{
	width: 879px;
	height: 31px;
	background: url("../img/bgSubMenu.gif") repeat-x 0 0;
	float: left;
}

.subMenuSpacer
{
	width: 879px;
	height: 10px;
	overflow: hidden;
}

.subMenuSpacer30
{
	width: 30px;
	height: 10px;
	float: left;
}

.subMenuDiv
{
	/*width: 70px;*/
	text-align: center;
	padding-right: 15px;
	float: left;
}

.subMenuLink, a.subMenuLink
{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #424462;
	text-decoration: none;
}

a.subMenuLink:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
/*=========================================== topMenu ==============================================*/


/*=========================================== portal ==============================================*/
.solutionBalk
{
	width: 857px;
	height: 30px;
	background: #C8DB00;
	float: left;
}

.solutionSpacer
{
	width: 857px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.solutionPartners
{
	width: 857px;
	height: 54px;
	float: left;
}

.solutionNews
{
	width: 857px;
	float: left;
}

.solutionLink, a.solutionLink
{
	margin: 0px;
	float: left;
}

.spotlightPortal
{
	width: 265px;
	float: left;
}

.spotlightTitle
{
	width: 265px;
	float: left;
}

.spotlightSpacer
{
	width: 265px;
	height: 24px;
	overflow: hidden;
	float: left;
}

.newsItem
{
	width: 250px;
	float: left;
}

.newsTitle, .newsContent
{
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
}

.newsContent
{
	font-weight: normal;
}

.newsNav
{
	float: left;
}

.newsNav a
{
	float: right;
}
/*=========================================== portal ==============================================*/


/*=========================================== content ==============================================*/
.mainContent
{
	width: 879px;
	background: #FFFFFF;
	float: left;
}

.spacerContent
{
	width: 879px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.spacerLeft
{
	width: 11px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.content
{
	width: 857px;
	float: left;
}

.contentTop
{
	width: 857px;
	float: left;
}

.afbeelding
{
	width: 528px;
	float: left;
}

.spacer11
{
	width: 11px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.mainSpotlight
{
	width: 318px;
	height: 184px;
	background: url("../img/bgSpotlight.gif") repeat-y 0 0;
	float: left;
}

.mainSpotlightPortal
{
	width: 318px;
	height: 284px;
	background: url("../img/bgSpotlight.gif") repeat-y 0 0;
	float: left;
}

.spotlightTop
{
	width: 318px;
	height: 20px;
	float: left;
}

.spotlightLeft
{
	width: 18px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.spotlight
{
	width: 280px;
	float: left;
}

.contentSpacer
{
	width: 789px;
	height: 11px;
	float: left;
}

.contentLeft
{
	width: 528px;
	float: left;
}

.mainBread
{
	width: 528px;
	height: 30px;
	background: #C8DB00;
	float: left;
}

.breadTop
{
	width: 528px;
	height: 8px;
	overflow: hidden;
}

.breadSpacer
{
	width: 21px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.breadLink, a.breadLink
{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #424462;
	text-decoration: none;
}

a.breadLink:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.contentSpacer
{
	width: 11px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.articlesSpacer
{
	width: 528px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.mainArticles
{
	width: 528px;
	float: left;
}

.articlesLeft
{
	width: 19px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.articles
{
	width: 509px;
	float: left;
	overflow: hidden;
}

.article
{
	width: 509px;
	float: left;
}

.itemTitle, a.itemTitle
{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #014998;
	text-decoration: none;
}

a.itemTitle:hover
{
	color: #C8DB00;
	text-decoration: none;
}

.articleSpacer13
{
	width: 509px;
	height: 13px;
	overflow: hidden;
	float: left;
}

.thumbnail
{
	width: 160px;
	float: left;
}

.itemBody
{
	width: 100%;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #012D47;
	line-height: 18px;
	float: left;
}

.articleSpacer
{
	width: 100%;
	height: 14px;
	overflow: hidden;
	float: left;
}

.mainNav
{
	width: 100%;
	float: left;
}

.arrowMore, a.arrowMore
{
	width: 94px;
	height: 27px;
	background: url("../img/arrowMore.gif") no-repeat 0 0;
	float: left;
}

a.arrowMore:hover
{
	background: url("../img/arrowMoreMo.gif") no-repeat 0 0;
	float: left;
}

.arrowBack, a.arrowBack
{
	width: 94px;
	height: 27px;
	background: url("../img/arrowBack.gif") no-repeat 0 0;
	float: left;
}

a.arrowBack:hover
{
	background: url("../img/arrowBackMo.gif") no-repeat 0 0;
	float: left;
}

.articleSpacer10
{
	width: 509px;
	height: 10px;
	overflow: hidden;
	float: left;
}

.articleLine
{
	width: 509px;
	height: 1px;
	overflow: hidden;
	background: #EAEEEF;
	float: left;
}

.contentRight
{
	width: 318px;
	float: left;
}

.vendorsTitle
{
	width: 318px;
	height: 30px;
	background: #C8DB00;
	float: left;
}

.vendors
{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.vendorSpacer
{
	width: 318px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.vendorSpacer19
{
	width: 318px;
	height: 19px;
	overflow: hidden;
	float: left;
}
/*=========================================== content ==============================================*/


/*=========================================== footer ==============================================*/
.footerSpacer
{
	width: 879px;
	height: 11px;
	overflow: hidden;
	float: left;
}

.mainFooter
{
	width: 879px;
	height: 30px;
	background: #014998;
	text-align: center;
	float: left;
}

.footerLink, a.footerLink
{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #014998;
	text-decoration: none;
}

a.footerLink:hover
{
	color: #014998;
	text-decoration: underline;
}

.footerText
{
	width: 879px;
	margin-top: 8px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
}

.footerText a
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

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

.mainCopyright
{
	width: 879px;
	text-align: center;
	float: left;
}
/*=========================================== footer ==============================================*/


.editor
{
	background: white;
	text-align: left;
}

.search1
{
	background: #EEF1F2;
}

.search2
{
	background:	#FFFFFF;
}

.search 
{
	padding: 0px;
	width: 200px;
	color: #FFFFFF;
}

.sitemapTitle, a.sitemapTitle
{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #014998;
	text-decoration: none;
}

a.sitemapTitle:hover
{
	color: #C8DB00;
	text-decoration: none;
}