/*============================ main ============================*/
div 
{
	border: 0px solid green; 
}

cmsTd
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.main
{
	width: 700px;
	background-color: #FFFFFF;
}

.mainPortal
{
	width: 550px;
	background: #C0C0C0;
}

.mainBlauw
{
	width: 270px;
	background: #395E8A url("../img/bgPortalBlauw.gif") repeat-y 0 0;
	float: left;
}

.mainRood
{
	width: 270px;
	background: #395E8A url("../img/bgPortalRood.gif") repeat-y 0 0;
	float: left;
}

.bgPortal
{
	background:#C0C0C0;
	padding-top: 19px;
}

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

.sendText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.editor
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
/*============================ main ============================*/


/*============================ header ============================*/
.header
{
	width: 700px;
	border: 0px solid;
	background-color: #FFFFFF;
	float: left;
}

.headerPortal
{
	width: 270px;
	float: left;
}

.spacerLogo
{
	width: 46px;
	height: 10px;
	float: left;
}

.logoStieglis
{
	width: 325px;
	float: left;
}

.spacerIso
{
	width: 211px;
	height: 10px;
	float: left;
}

.logoISO
{
	width: 113px;
	float: left;
}
/*============================ header ============================*/


/*============================ topMenu ============================*/
div.topMenu 
{
	width: 700px;
	background: #C1C1C1 repeat-x 0 0; 
	float: left;
}
/*============================ topMenu ============================*/


/*============================ breadcrumb ============================*/
.spacerBread
{
	width: 172px;
	height: 10px;
	float: left;
}

.breadcrumb
{
	width: 528px;
	text-align: left;
	padding-top: 4px;
	color: #ffffff;
	float: left;
}

.mainNav, a.mainNav
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #ffffff;
}

a.mainNav:hover
{
	text-decoration: none;
	color: #ffffff;
}

.mnLoc, a.mnLoc
{
	font-weight: bold;
	text-decoration: none;
}

a.mnLoc:hover
{
	font-weight: bold;
	text-decoration: none;
}
/*============================ breadcrumb ============================*/


/*============================ image portal ============================*/
.image01Portal
{
	width: 22px;
	float: left;
}

.image02Portal
{
	width: 69px;
	float: left;
}

/*============================ image portal ============================*/


/*============================ body ============================*/
.white
{
	width: 700px;
	height: 2px;
	background: #ffffff;
	overflow: hidden;
	float: left;
}

.content
{
	width: 520px;
	padding-top: 9px;
	padding-left: 15px;
	float: left;
	text-align: left;
	overflow: hidden;
}

.contentPortal
{
	width: 270px;
	float: left;
}

.artikelMain
{
	float: left;
}

.artikelSpacer
{
	width: 500px;
	height: 20px;
	float: left;
}

.articleNav
{
	width: 500px;
	text-align: right;
	float: left;
}

.articleNavBack
{
	width: 200px;
	text-align: left;
	float: left;
}

.articleNavTop
{
	width: 300px;
	text-align: right;
	float: left;
}
/*============================ body ============================*/


/*============================ body ============================*/
.loginImg
{
	width: 270px;
	text-align: right;
	background: #C0C0C0;
	float: left;
}

.login
{
	width: 270px;
	padding-top: 9px;
	text-align: left;
	background: #C0C0C0;
	float: left;
}
/*============================ body ============================*/


/*============================ menu ============================*/
.menuPortalBlauw
{
	width: 179px;
	height: 297px;
	text-align: left;
	background: #395E8A url("../img/bgBlauwIso.gif") no-repeat 0 0;
	float: left;
}

.menuPortalRood
{
	width: 179px;
	height: 297px;
	text-align: left;
	background: #930000 url("../img/bgRoodIso.gif") no-repeat 0 0;
	float: left;
}

.spacerMenu
{
	width: 179px;
	height: 13px;
	float: left;
}

/*============================ menu ============================*/


/*============================ extranet ============================*/
.mainSignedIn
{
	width: 500px;
	height: 25px;
	background: #395E8A;
	float: left;
}

.signedInSpacer
{
	width: 15px;
	height: 25px;
	float: left;
}

.signedInTitle
{
	width: 382px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	text-align: left;
	float: left;
}

.SignOutButton
{
	width: 103px;
	padding-top: 4px;
	float: left;
}

.mainReports
{
	width: 500px;
	background: #F5F7F9;
	float: left;
}

.blueLine
{
	width: 500px;
	height: 1px;
	overflow: hidden;
	background: #395E8A;
	float: left;
}

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

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

.reports
{
	width: 480px;
	text-align: left;
	float: left;
}

.myReportTitle
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #395E8A;
}

.dark
{
	height: 18px;
	background: #F5F7F9;
	cursor: hand;
}

.light
{
	height: 18px;
	background: #FFFFFF;
	cursor: hand;
}

.myReportText
{
	height: 18px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #395E8A;
}

.view, a.view
{
	width: 40px;
	height: 18px;
	background: url("../img/04/view.gif") no-repeat 0 0;
}

a.view:hover
{
	background: url("../img/04/viewMo.gif") no-repeat 0 0;
}
/*============================ extranet ============================*/


/*============================ input ============================*/
.mainInput
{
	width: 263px;
	padding-top: 6px;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid #9E9E9E;
}

.searchVeld
{
	width: 112px;
	float: left;
}

.logoutVeld
{
	width: 220px;
	float: left;
}

.buttonVeld
{
	width: 32px;
	text-align: left;
	float: left;
}

input
{
	behavior: url(input.htc);
}

input.CMSinputPortal
{
	width: 100px;
	height: 17px;
	font-size: 10px;
	color: #5C5C5C;
	border-left: 1px solid #5C5C5C;
	border-top: 1px solid #5C5C5C;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

button
{
	height: 17px;
	font-size: 10px;
	color: #5C5C5C;
	background: #B4B4B4;
	border: 1px solid #5C5C5C;
}
/*============================ input ============================*/


/* Extra styles voor de rapporten */
.Rapport_tekst
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #395E8A
}

.Rapport_hoofdstuk
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #395E8A
}

.Rapport_paragraaf
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #395E8A
}

TH
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #395E8A;
	text-align: left;
	border-bottom: 1px solid #395E8A;
}

.Rapport_table
{
	border-bottom: 1px solid #395E8A;
	border-right: 1px solid #395E8A;
	background: #EEEEEE;
}

.Rapport_background
{
	background	: #e5e5e5;
}
/* Extra styles voor de rapporten */

/*
	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: #333366;
}

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

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

/* De dagen in de huidige maand */
td.calDay
{
	text-align: right;
	background-color: #EEEEEE;
	color: #FF6600;
	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 #333366;
}

/* 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: #FF6600;
}
/*===============================================================================================*/
/*
	EINDE Kalender CSS classes
*/
/*===============================================================================================*/


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

td.forumHead
{
	color: #FF6600;
}

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

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

td.forum
{
	color: #333366;
}

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

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