/*===============================================================================================*/
body.editor
{
	background-image: none;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #7B7B7D;
	font-size: 62.5%;
}

.editor
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}


body
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF url("../img/bgBody.jpg") no-repeat 0px 0px;
}

.body1
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF url("../img/bgBody01.jpg") no-repeat 0px 0px;
}

.body2
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF url("../img/bgBody.jpg") no-repeat 0px 0px;
}

.body3
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF url("../img/bgBody01.jpg") no-repeat 0px 0px;
}

.body4
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF url("../img/bgBody.jpg") no-repeat 0px 0px;
}

body.print
{
	background: none;
}

@import url("print.css") print;

hr
{
	color: #D9E4E6;
}

a
{
	background-color: transparent;
	text-decoration: underline;
	color: #EF3E33;
	font-weight: normal;
}

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


a img.extern
{
	background: transparent url(../img/kopie/menuLink.gif) no-repeat 0px 0px;
	display: inline;
	width: 13px;
	height: 9px;
	margin-left: 3px;
}

form
{
	margin: 0px;
	padding: 0px;
	background: none;
	float: left;
}

input 
{
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #AFC5CF;
	background: #FFFFFF;
	color: #4D4E4F;
	font-size: 1.0em;
}

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

textarea
{
	height: 80px;
	border: 1px solid #AFC5CF;
	background: #FFFFFF;
	color: #4D4E4F;
	font-size: 1.0em;
	overflow: auto;
	float: left;
}

option
{
	color: #000000;
}

button 
{
	height: 21px;
	padding: 0px 10px 0px 10px;
	margin-right: 5px;
	color: #FFF;
	font-weight: bold;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: url("../img/bgBtnZoek.gif");
	border: 1px solid #BFC2C4;
}

button:hover
{
	color: #FFF;
}

legend
{
	color: #1F1949;
}

div.main
{
	margin: 0px auto 0px auto;
	width: 955px;
	overflow: hidden;
}



/*===============================================================================================*/
/*
	HTML Menu CSS classes
*/
/*===============================================================================================*/
div.menu
{
	width: 202px;
	margin-bottom: 43px;
}

div.subMenu
{
	background: #FFF;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Algemene <a/> in het menu																	 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
	color: #77787B;
	text-decoration: none;
	text-transform: none;
	border-bottom: 1px solid #D6D7D8;
}

div.menu a:hover
{
	color: #EF3E33;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------*/
/* Pijltje als er een submenu is																						 */
div.menu a img
{
	width: 8px;
	height: 7px;
	margin-top: 4px;

/* vertical */
/*	background: transparent url("../img/kopie/menuArrowLeft.gif") no-repeat 0 0;*/

/* horizontal */
	background: transparent url("../img/kopie/menuArrowDown.gif") no-repeat 0 0;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Algemene <a/> in het menu																	 */
/*-----------------------------------------------------------------------------------------------*/
div.menu div.subMenu a
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #77787B;
	text-decoration: none;
	text-transform: none;
	border-bottom: 1px solid #D6D7D8;
}

div.menu div.subMenu a:hover
{
	color: #EF3E33;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Current <a/> in het menu																							 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a.current
{
	color: #EF3E33;
}

div.menu a.current:hover
{
	color: #EF3E33;
}

/*-----------------------------------------------------------------------------------------------*/
/*	Current <a/> in een sub menu																						 */
/*-----------------------------------------------------------------------------------------------*/
div.menu div.subMenu a.current
{
	color: #EF3E33;
	background: #FFFFFF;
}

div.menu div.subMenu a.current:hover
{
	background: #FFFFFF;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Externe link in een (sub)menu																						 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a img.link
{
	background: transparent url("../img/kopie/menuLink.gif") no-repeat 0 0;
	display: block;
	width: 13px;
	height: 9px;
	margin-top: 2px;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Parent <a/> van de current <a/> in een (sub)menu															 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a.parent
{
}

div.menu a.parent:hover
{
	display: block;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Eerste en laatste <a/> in een (sub)menu																		 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a.first
{
	border-top: 1px solid #D6D7D8;
}

div.menu div.subMenu a.first
{
	border-top: none;
}

div.menu a.last
{
}
/*-----------------------------------------------------------------------------------------------*/
/*	Verschillende lagen:																									 */
/*-----------------------------------------------------------------------------------------------*/
/* 1e laag */
div.menu a
{
	padding-left: 11px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 2e laag */
div.menu div.subMenu a
{
	padding-left: 22px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 3e laag */
div.menu div.subMenu div.subMenu a
{
	padding-left: 37px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 4e laag */
div.menu div.subMenu div.subMenu div.subMenu a
{
	padding-left: 52px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 5e laag */
div.menu div.subMenu div.subMenu div.subMenu div.subMenu a
{
	padding-left: 67px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 6e laag */
div.menu div.subMenu div.subMenu div.subMenu div.subMenu div.subMenu a
{
	padding-left: 82px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 7e laag */
div.menu div.subMenu div.subMenu div.subMenu div.subMenu div.subMenu div.subMenu a
{
	padding-left: 97px;
}
/*===============================================================================================*/
/*
	DHTML Menu CSS classes
*/
/*===============================================================================================*/
div#mainMenu
{
	margin: 50px 0px 0px 49px;
	width: 720px;
	height: 33px;
	clear: none;
	float: left;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Gewone <a/> in het hoofdmenu.																						 */
/*-----------------------------------------------------------------------------------------------*/
div#mainMenu a
{
	height: 33px;
	padding: 0px 24px 0px 24px;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.9em;
	color: #77787B;
	text-decoration: none;
	overflow: hidden;
	float: left;
}

div#mainMenu a:hover
{
	height: 33px;
	color: #EF3E33;
	font-weight: normal;
	background: transparent url("../img/hoofdMenuItem.gif") no-repeat center 0px;
	text-decoration: none;
	float: left;
}
/*-----------------------------------------------------------------------------------------------*/
/* Pijltje als er een submenu is																						 */
div#mainMenu a img
{
	width: 8px;
	height: 7px;
	margin-top: 3px;

/* vertical */
/*	background: transparent url("../img/kopie/menuArrowLeft.gif") no-repeat 0 0;*/

/* horizontal */
	background: transparent url("../img/kopie/menuArrowDown.gif") no-repeat 0 0;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Externe link in een hoofdmenu																						 */
div#mainMenu a img.link
{
	background: transparent url("../img/kopie/menuLink.gif") no-repeat 0 0;
	display: block;
	width: 13px;
	height: 9px;
	margin-top: 2px;
}
/*-----------------------------------------------------------------------------------------------*/
/* Current <a/> in het hoofdmenu.																					 */
/*-----------------------------------------------------------------------------------------------*/
div#mainMenu a.current
{
	padding: 0px 24px 0px 24px;
	height: 33px;
	color: #FFF;
	display: block;
	background: transparent url("../img/hoofdMenuItemCurrent.gif") repeat-x center 0px;
	float: left;
}

/*-----------------------------------------------------------------------------------------------*/
/* Parent <a/> van current <a/> in het hoofdmenu.																 */
/*-----------------------------------------------------------------------------------------------*/
div#mainMenu a.parent
{
	background-color: #F0F0F0;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Eerste en laatste <a/> in het hoofdmenu.																		 */
/*-----------------------------------------------------------------------------------------------*/
div#mainMenu a.first
{
}

div#mainMenu a.last
{
	border-bottom-width: 0px;
}
/*===============================================================================================*/
/*	Zwevende menu's																										 */
/*-----------------------------------------------------------------------------------------------*/
div.floatMenu
{
	border: 1px solid #888888;
	background-color: #FFFFFF;
	width: 150px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Gewone <a/> in een zwevend menu.																					 */
/*-----------------------------------------------------------------------------------------------*/
div.floatMenu a
{
	padding: 5px 5px 5px 5px;
	color: #1F1949;
	text-decoration: none;
	border-bottom: 1px solid #888888;
}

div.floatMenu a:hover
{
	background-color: #CCCCD9;
	color: #1F1949;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------*/
/* Pijltje als er een submenu is																						 */
div.floatMenu a img
{
	width: 8px;
	height: 7px;
	background: transparent url("../img/kopie/menuArrowLeft.gif") no-repeat 0 0;
	margin-top: 3px;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Externe link in een hoofdmenu																						 */
div.floatMenu a img.link
{
	background: transparent url("../img/kopie/menuLink.gif") no-repeat 0 0;
	display: block;
	width: 13px;
	height: 9px;
	margin-top: 2px;
}
/*-----------------------------------------------------------------------------------------------*/
/* Current <a/> in het zwevend menu.																				 */
/*-----------------------------------------------------------------------------------------------*/
div.floatMenu a.current
{
	background-color: #CCCCD9;
	text-decoration: none;
}

div.floatMenu a.current:hover
{
	background-color: #CCCCD9;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------*/
/* Parent <a/> van current <a/> in het zwevend menu.															 */
/*-----------------------------------------------------------------------------------------------*/
div.floatMenu a.parent
{
}
/*-----------------------------------------------------------------------------------------------*/
/*	Eerste en laatste <a/> in het zwevend menu.																	 */
/*-----------------------------------------------------------------------------------------------*/
div.floatMenu a.first
{
}

div.floatMenu a.last
{
	border-bottom-width: 0px;
}
/*===============================================================================================*/
/*
	Breadcrumb CSS classes
*/
/*===============================================================================================*/
div.breadcrumb
{
	width: 530px;
	clear: both;
	padding: 12px 0px 16px 0px;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Standaard <a/> in de breadcrumb.																					 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb a
{
	font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
	color: #AAAEB0;
	text: underline;
}

div.breadcrumb a:hover
{
	color: #AAAEB0;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Laatste <a/> in de breadcrumb (current location).															 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb a.current
{
	color: #77787B;
	font-weight: normal;
	text-decoration: none;
}

div.breadcrumb a.current:hover
{
}
/*-----------------------------------------------------------------------------------------------*/
/*	De spacer tussen de categorieën.																					 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb img, span.searchCrumb img
{
	background: transparent url("../img/kopie/arrowBread.gif") no-repeat 0px 0px;
	width: 20px;
	height: 6px;
}
/*===============================================================================================*/
/*
	Kalender CSS classes
*/
/*===============================================================================================*/
/*	De weekdagen (m, d, w, d, v, z, z) */
td.calDayHeader 
{
	text-align:	right;
	border-bottom: 1px solid #B8B8B8;
	color: #333366;
}

img.calDayHeader 
{
	width: 18px;
}

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

img.calWeekNo 
{
	width: 18px;
}

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

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

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

/* De twee "vorige/volgende-maand" buttons */
tr#trButtons button
{
}
/*===============================================================================================*/
/*
	Sitemap CSS classes
*/
/*===============================================================================================*/
table.sitemap
{;
	margin-bottom: 12px;
}

td.sitemapMain
{
	background-color: none;
}

td.sitemapMain a 
{
	background: none;
	color: #EF3E33;
	padding: 4px 0px;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	display: block;
	clear: both;
}

td.sitemapMain a:hover
{
	color: #EF3E33;
}

td.sitemapSub
{
	color: #77787B;
}

td.sitemapSub a 
{
	color: #77787B;
	padding: 4px 8px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	clear: both;
}

td.sitemapSub a:hover
{
	color: #EF3E33;
}
/*===============================================================================================*/
/*
	Item CSS classes
*/
/*===============================================================================================*/
div.item
{
	width: 100%;
	clear: both;
}

.itemTitle, .itemTitleVerkort, .itemTitle h2
{
	display: block;
	width: 100%;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.96em;
	font-weight: bold;
	color: #EF3E33;
	clear: both;
}

.itemTitle h2
{
	font-size: 1.9em;
}

.itemTitleVerkort
{
	margin: 0px;
	width: 100%;
	cursor: pointer;
	float: left;
}

.itemTitle a
{
	text-decoration: none;
}

.itemTitle a:hover
{
	color: #1F1949;
}

div.itemBody
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	line-height:16px;
	color: #7B7B7D;
	margin-bottom: 15px;
	width: 100%;
}

div.itemBody h6
{
	font-size: 1.2em;
}

span.itemNav
{
	width: 100%;
	clear: both;
}

div.itemNav
{
	width: 141px;
	height: 39px;
	background: url("../img/bgNav.gif") no-repeat 0px 0px;
	float: left;
}

div.itemNav div
{
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

div.itemNav a
{
	color: #1F1949;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
}

.itemNav a:hover
{
	color: #EF3E33;
}
/*===============================================================================================*/
/*
	Item Verkort CSS classes
*/
/*===============================================================================================*/
.itemVerkort
{
	background: none;
	text-decoration: none;
	display:block;
	float:left;
	width: 670px;
}

.itemVerkort .itemBody
{
	margin: 0px 0px 0px 2px;
}

.itemVerkort strong
{
	float:left;
}

a.itemVerkort
{
	width: 650px;
	padding: 10px 10px 10px 10px;
	display: inline;
	border-bottom: 1px solid #CCCDCE;
	cursor: pointer;
}

a.itemVerkort:hover
{
	background: #F5F5F5 url("../img/bgItemMo.gif") repeat-x left top;
}


.itemBodyVerkort
{
	margin: 0px 0px 0px 0px;
	width: 100%;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	color: #7B7B7D;
	cursor: pointer;
	line-height: 1.5em;
	text-decoration: none;
	float: left;
}

a.itemBodyVerkort
{
	text-decoration: none;
}

span.itemBodyVerkort h5
{
	font-size: 1.4em;
	font-weight: bold;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemBack
{
	display: block;
	width: 45px;
	height: 39px;
	margin-left: 3px;
	margin-right: 0px;
	background: transparent url("../img/btnBack.gif") no-repeat 0px 0px;
	float: left;
}

a.itemBack:hover
{
	background: transparent url("../img/btnBack.gif") no-repeat 0px -49px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemSend
{
	display: block;
	width: 37px;
	height: 39px;
	margin-left: 6px;
	background: transparent url("../img/btnSend.gif") no-repeat 0px 0px;
	float: left;
}

a.itemSend:hover
{
	background: transparent url("../img/btnSend.gif") no-repeat 0px -49px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemPrint
{
	display: block;
	width: 37px;
	height: 39px;
	margin-left: 8px;
	background: transparent url("../img/btnPrint.gif") no-repeat 0px 0px;
	float: left;
}

a.itemPrint:hover
{
	background: transparent url("../img/btnPrint.gif") no-repeat 0px -49px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemMore, span.itemMore, span.itemMore:hover
{
	display: block;
	width: 70px;
	height: 14px;
	font-size: 1.1em;
	text-align: right;
	padding-right: 24px;
	background: transparent url("../img/btnMore.gif") no-repeat 0px 0px;
	float: right;
}

a.itemMore:hover
{
	background: url("../img/btnMore.gif") no-repeat 0px 0px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemTop
{
	display: block;
	width: 35px;
	height: 15px;
	background: White url("../img/kopie/items/btnTop.gif") no-repeat 16px 0px;
	float: right;
}

a.itemTop:hover
{
	background: White url("../img/kopie/items/btnTopMo.gif") no-repeat 16px 0px;
}
/*===============================================================================================*/
/*
	Template CSS classes
*/
/*===============================================================================================*/
tr.control_0
{
	background-color: #F0F0F0;
}

tr.control_1
{
	background-color: transparent;
}

td.controlName
{
	font-weight: bold;
}
/*===============================================================================================*/
/*
	Paging CSS classes
*/
/*===============================================================================================*/
div.paging
{
	margin: 10px 0px 10px 0px;
	width: 100%;
	text-align: center;
}

div.paging a
{
	display: inline-block;
	padding: 6px 8px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	color: #999999;
	text-decoration: none;
	margin-right: 5px;
}

div.paging a:hover
{
	color: #555555;
	border: 1px solid #555555;
	background-color: #D2EAF6;
}

div.paging a.disabled, div.paging a.disabled:hover
{
	border: 1px solid #EEEEEE;
	background-color: #EEEEEE;
	color: #CCCCCC;
	cursor: default;
}

div.paging a.current
{
	background-color: #D2EAF6;
}

div.paging a.first
{
	width: 50px;
}

div.paging a.last
{
	width: 50px;
}
/*===============================================================================================*/
/*
	Login page CSS classes
*/
/*===============================================================================================*/
div.login
{
	float:left;
	width: 420px;
}

div.login .title
{
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #EF3E33;
	padding: 0px 15px 0px 15px;
	margin-bottom: 15px;
	font-size: 1.6em;
	font-weight: bold;
}

div.login table td
{
	padding:2px 0px 2px 7px;
}

div.login form h4
{
	font-size: 1.3em;
}

div.login input
{
	width: 320px;
	height: 17px;
	font-weight: bold;
	background: #efefef;
}

div.login button
{
	overflow: visible;
}
/*===============================================================================================*/
/*
	Search page CSS classes
*/
/*===============================================================================================*/
div.search
{
	width: 100%;
	font-size: 1.1em;
}

div.search form
{
	width: 80%;
}

tr.search
{
	color: Black;
}

tr.search td
{
	padding-left: 0px;
	padding-right: 0px;
}

tr.search legend
{
	font-weight: bold;
	color: #EF3E33;
}

div.results
{
	width: 100%; 
	clear: both;
	overflow: hidden;
}

.results .searchTitle
{
	color: #EF3E33; /* google color: #0000DE */
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.results span.searchTeaser
{
	color: #4D4E4F;
}

.results span.searchCrumb a
{
	color: #68696C; /* google color: #008000 */
	text-decoration: none;
}

.results span.searchCrumb a:hover
{
	text-decoration: underline;
}

.results span.searchDate
{
	color: #959595;
}

div.search form
{
	background: none;
}

div.search form button, div.search form button:hover
{
	width: auto;
	height: 21px;
	padding: 0px 2px 0px 2px;
	margin-right: 5px;
	color: #FFF;
	font-weight: bold;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: url("../img/bgBtnZoek.gif");
	border: 1px solid #BFC2C4;
}
/*===============================================================================================*/
/*
	Forum CSS classes
*/
/*===============================================================================================*/
.forum
{
}

.forum .bar
{
	background-color: #333366;
	color: White;
	font-weight: bold;
}

.forum button
{
	padding-top: 0px;
	height: 18px;
}

.forum td.thread
{
	border-bottom: 1px solid #DDDDDD;
	vertical-align: text-top;
}

.forum .mouseOver
{
	background-color: #F3F3F3;
}

.forum .subject
{
	font-weight: bold;
	text-decoration: none;
}

.forum a.subject:hover
{
	font-weight: bold;
	text-decoration: none;
}

.forum div.text
{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DDDDDD;
}

.forum td.author
{
}

.forum span.author
{
	color: #EF3E33;
	font-weight: bold;
}

.forum span.date
{
	color: #EF3E33;
	font-weight: bold;
}

.forum td.reactions
{
}

.forum td.last
{
}

.forum .quote
{
	clear: both;
	width: 100%;
	text-align: center;
}

.forum .quote q
{
	display: block;
	width: 90%;
	background-color: #F3F3F3;
	padding: 10px;
	text-align: left;
}
/*===============================================================================================*/
/*
	Form CSS classes
*/
/*===============================================================================================*/
.error
{
	color: #EF3E33;
	font-weight: bold;
}

.form h4
{
	font-size: 1.3em;
	color: #EF3E33;
}

.form button
{
	padding-top: 0px;
	height: 18px;
}

.form input.file
{
	
}
/*===============================================================================================*/
/*
	Gallery CSS classes
*/
/*===============================================================================================*/
img.gallery
{
	margin: 3px;
}

a.gallery
{
	border: 1px solid white;
}

a.gallery:hover
{
	border: 1px solid #333366;
}

div.itemThumb
{
/*	width: 140px;
	height: 142px; */
	padding: 0px 15px 5px 0px;
	float: left;
	display: inline;
}

div.itemThumb img
{
/*	width: 114px;
	height: 114px;*/
	float:left;
}

div.itemThumb a, div.itemThumb span
{
	/*width: 117px;
	height: 117px;*/
	padding: 3px;
	border: 2px solid #DCDCE5;
	float: left;
}

div.itemThumb a:hover
{
	border: 2px solid #EF3E33;
}

div.thumbFooter
{
	width: 124px;
	height: 11px;
	background: url("../img/kopie/footerThumb.gif") repeat-x 0 0;
	float: left;
}
/*===============================================================================================*/
/*
	Gallery popup CSS classes
*/
/*===============================================================================================*/
div.mainGallery a#aGalleryClose
{
	display: block;
	padding: 3px;
	width: 50px;
	text-decoration: none;
}

div.mainGallery a#aGalleryClose img
{
	display: inline;
	background: #FFFFFF url('../img/kopie/close.gif') no-repeat 0px 0px;
	width: 7px;
	height: 7px;
	margin-top: 4px;
}

div.mainGallery a#aGalleryPrior
{
	display: block;
	padding: 3px;
	width: 50px;
	text-decoration: none;
}

div.mainGallery a#aGalleryPrior img
{
	display: inline;
	background: #FFFFFF url('../img/kopie/arrowGalLeft.gif') no-repeat 0px 0px;
	width: 5px;
	height: 6px;
	margin-top: 4px;
}

div.mainGallery a#aGalleryNext
{
	display: block;
	padding: 3px;
	width: 60px;
	text-decoration: none;
}

div.mainGallery a#aGalleryNext img
{
	display: inline;
	background: #FFFFFF url('../img/kopie/arrowGalRight.gif') no-repeat 0px 0px;
	width: 5px;
	height: 6px;
	margin-top: 4px;
}
/*===============================================================================================*/
/*
	NarrowCasting module classes and styles
*/
/*===============================================================================================*/
/* body class for narrowcasting */
body.monitor
{
	background: #CCCCD9 none;
	color: #333366;
}

/* main div for the monitor */
body.monitor div.main
{
	margin: 0px;
	width: 1280px;
	height: 720px;
	padding: 70px 40px;
}

body.monitor div.main div#divItem
{
	width: 1200px;
	height: 540px;
}

body.monitor div.main div#divTitle
{
	width: 1160px;
	font-size: 58px;
	height: 74px;
	background-color: #333366;
	color: #FFFFFF;
	padding: 5px 20px;
}

body.monitor div.main div#divContent
{
	width: 1160px;
	font-size: 24px;
	height: 446px;
	padding: 5px 20px;
}

body.monitor div.main div#divGallery
{
	width: 630px;
	padding: 5px 0px 0px 20px;
}

body.monitor div.main div#divImage
{
	width: 510px;
	text-align: center;
	height: 400px;
}

body.monitor div.main div#divImageText
{
	width: 510px;
	height: 51px;
	font-size: 24px;
	text-align: center;
	padding-top: 5px;
}

body.monitor div.main div#divStrip
{
	width: 120px;
	height: 451px;
}

body.monitor div.main div#divStrip img.current
{
	filter: none;
	border: 3px solid white;
}

body.monitor div.main div#divStrip img
{
	filter: progid:DXImageTransform.Microsoft.BasicImage( Rotation=0,Mirror=0,Invert=0,XRay=0,Grayscale=1,Opacity=0.75 );
	border: 3px solid #CCCCD9;
}

body.monitor div.main div#divTeaser
{
	width: 500px;
	font-size: 24px;
	height: 445px;
	color: #333366;
	padding: 5px 20px;
}

body.monitor div.main div#divClock
{
	width: 1160px;
	height: 40px;
	font-size: 28px;
	background-color: #333366;
	color: #FFFFFF;
	padding: 5px 20px;
	margin-top: 5px;
}
/*=========================================== main ==============================================*/

/*=========================================== main ==============================================*/


/*========================================== spacers ============================================*/
.spacer
{
	width: 100%;
	float: left;
}

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

.line
{
	width: 100%;
	height: 1px;
	overflow: hidden;
	float: left;
}

.h5
{
	height: 5px;
	overflow: hidden;
}

.h10
{
	height: 10px;
	overflow: hidden;
}

.h12
{
	height: 12px;
	overflow: hidden;
}

.h15
{
	height: 15px;
	overflow: hidden;
}

.h30
{
	height: 30px;
	overflow: hidden;
}

.h42
{
	height: 42px;
	overflow: hidden;
}

.w5
{
	width: 5px;
}

.w7
{
	width: 7px;
}

.w10
{
	width: 10px;
}

.w15
{
	width: 15px;
}

.orange
{
	background: #EF3E33;
}
/*=========================================== spacers ==============================================*/


/*=========================================== header ==============================================*/
.header
{
	width: 955px;
	height: 83px;
	float: left;
	background: transparent url("../img/bgHoofdMenu.png") repeat-x 0px 0px;
}

.header .logo
{
	width: 145px;
	height: 77px;
	margin-left: 41px;
	float: left;
}
/*=========================================== header ==============================================*/


/*=========================================== content ==============================================*/
.opacity
{
	width: 955px;
	background: transparent url("../img/bgMainContent.png") repeat 0px 0px;
	float: left;
}

.mainContent
{
	width: 955px;
	padding-bottom: 20px;
	float: left;
}

.mainContent .left
{
	width: 201px;
	margin-left: 17px;
	padding-top: 43px;
	float: left;
}

.mainContent .right
{
	width: 670px;
	margin-left: 34px;
	float: left;
	overflow: hidden;
}

.mainContent .left .contact
{
	width: 192px;
	margin-bottom: 28px;
	padding-left: 10px;
	float: left;
}

.mainContent .left .contact .title
{
	font-weight: bold;
	font-size: 1.2em;
	color: #EF3E33;
}

.mainContent .left .contact .content
{
	font-size: 1.2em;
	color: #868688;
}

.mainContent .left .contact a
{
	font-size: 1.2em;
}

.mainContent .left .contact .content p
{
	margin-bottom: 16px;
}

.mainContent .left .searchLeft
{
	width: 182px;
	height: 42px;
	padding: 10px;
	background: url("../img/bgSearch.gif") no-repeat 0px 0px;
	float: left;
}

.searchLeft .title
{
	font-size: 1.1em;
	color: #EF3E33;
	margin-bottom: 5px;
}

.searchLeft form
{
	background: none;
}

.searchLeft form input
{
	width: 123px;
	background: #E0E1E2;
	float:left;
	margin: 0px;
	border: 1px solid #BFC2C4;
}

.searchLeft form input.checkbox
{
	width: auto;
	border: 0px;
	background: none;
}

.searchLeft form button, .searchLeft form button:hover
{
	width: 43px;
	height: 21px;
	padding: 0px;
	margin-left: 5px;
	color: #FFF;
	font-weight: bold;
	font-family: Calibri, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background: url("../img/bgBtnZoek.gif");
	border: 1px solid #BFC2C4;
}
/*=========================================== content ==============================================*/


/*=========================================== portal ==============================================*/
.mainContent .portalTop
{
	margin-top: 20px;
	width: 100%;
	float: left;
}

.portalTop a
{
	text-decoration: none;
	cursor: pointer;
}

.spotlight
{
	margin-left: 22px;
	font-size:1.1em;
	width: 195px;
	float: left;
}

.spotlight .title
{
	font-size: 1.1em;
	font-weight: bold;
	color: #EF3E33;
}

.spotlight .content
{
	margin-top: 11px;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: normal;
	color: #868688;
}

.portalNieuwsItem
{
	margin-left: 30px;
	width: 460px;
	color: #868688;
	float: left;
}

.portalNieuwsItem a.itemMore:hover
{
	background: none;
}

.portalNieuwsItem img
{
	width: 165px;
	float:left;
	margin-right: 15px;
}

.portalNieuws
{
	margin-left: 30px;
	width: 460px;
	float: left;
}

.portalNieuws .left
{
	width: 215px;
	height: 136px;
	padding: 0px;
	margin: 0px;
	background: url("../img/bgPortalNieuwsLeft.gif") repeat-y 0px 0px;
	float: left;
}

.portalNieuws .left a
{
	width: 210px;
	color: #868688;
	font-size: 1.1em;
	padding: 10px 0px 10px 5px;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	float: left;
}

.portalNieuws .left a:hover
{
	width: 210px;
	background: #FFF;
	color: #EF3E33;
	border-bottom: 1px solid #DFE0E1;
	text-decoration: underline;
	float: left;
}

.portalNieuws .left a.current, portalNieuws .left a.current:hover
{
	width: 210px;
	padding: 10px 0px 10px 5px;
	background: #FFF;
	color: #EF3E33;
	border-bottom: 1px solid #DFE0E1;
	border-top: 1px solid #DFE0E1;
	text-transform: none;
	text-decoration: underline;
	float: left;
}

.portalNieuws .right
{
	width: 225px;
	height: 116px;
	padding: 10px;
	margin: 0px;
	color: #868688;
	line-height: 1.5em;
	background: #FFF;
	float: left;
	border-top: 1px solid #DFE0E1;
}

.portalNieuws .right .item .itemTitle
{
	font-size: 0.9em;
}

.portalNieuws .right .item .itemBody a,
.portalNieuws .right .item .itemBody a:hover
{
	color: #868688;
	text-decoration: none;
}

.portalInfo
{
	margin-left: 20px;
	width: 187px;
	height: 97px;
	padding: 13px;
	font-size: 1.2em;
	border: 1px solid #D6D7D8;
	float: left;
}

.portalInfo .title
{
	font-weight: bold;
	color: #EF3E33;
}

.portalInfo .content
{
	color: #868688;
}

.portalInfo .content p
{
	margin-bottom: 16px;
}

.mainContent .portalBottom
{
	margin-top: 36px;
	width: 100%;
	float: left;
}

.portalBottom .portalLinks
{
	margin-left: 22px;
	width: 923px;
	height: 195px;
	background: #E4E4E4;
	float: left;
}

.portalBottom .portalLinks .payOff
{
	width: 215px;
	height: 195px;
	float: left;
}

.portalBottom .portalLinks .payOff img
{
	float: left;
}

.portalLinks .content
{
	width: 658px;
	height: 153px;
	padding: 42px 0px 0px 50px; 
	float: left;
}

.portalLinks .content .linkBlok
{
	width: 200px;
	float: left;
}

.portalLinks .content .linkBlok .title
{
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #5B5C5E;
}

.portalLinks .content .linkBlok ul
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.portalLinks .content .linkBlok ul li
{
	font-weight: bold;
	color: #77787B;
	margin: 0px 0px 5px 18px;
}
.portalLinks .content .linkBlok ul li a
{
	margin	: 0px;
	padding	: 0px;
}

.portalLinks .content .linkBlok a
{
	margin-top: 20px;
	display: block;
	font-size: 1.1em;
	clear: both;
	color: #77787B;
}

.portalLinks .content .linkBlok a:hover
{
	color: #333;
}
/*=========================================== portal ==============================================*/


/*=========================================== gerelateerd ==============================================*/
.mainGerelateerd, .relTitle, .relContent, .relFooter, .relArticle
{
	width: 100%;
	float: left;
}

.relTitle
{
	height: 22px;
	background: url("../img/kopie/bgRelTitle.gif") repeat-x 0 0;
}

.relTitle td
{
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #1F1949;
}

.relContent
{
	background: url("../img/kopie/bgGerelateerd.gif") repeat-y 0 0;
}

.tdLine
{
	height: 22px;
	border-bottom: 1px solid #CCCCD9;
}

.relContent a
{
	color: #1F1949;
}

.relArticle a
{
	text-decoration:none;
}

.titleRel
{
	width: 100%;
	font-weight: bold;
	text-decoration: none;
	float: left;
}
/*=========================================== gerelateerd ==============================================*/


/*=========================================== contact ==============================================*/
.bold, div.caption, div.label
{
	font-weight: bold;
}
/*=========================================== contact ==============================================*/


/*=========================================== reageer op ==============================================*/
.mainReageer, .vlak
{
	width: 100%;
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	color: #1F1949;
	float: left;
}

.reacties h4, .reacties
{
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	color: #1F1949;
}

.vlak
{
	background: #F0F0F4;
}

.big
{
	font-size: 1.27em;
}

.reageerLine
{
	width: 100%;
	height: 1px;
	background: #1F1949;
	overflow: hidden;
	float: left;
}

.reageerArtikel, .reageerLeft, .reageerContent
{
	width: 500px;
	float: left;
}

.reageerLeft
{
	width: 10px;
	height: 10px;
	overflow: hidden;
}

.reageerContent
{
	width: 480px;
	font-size: 1.0em;
	color: #1F1949;
}
/*=========================================== reageer op ==============================================*/


/*=========================================== footer ==============================================*/
.footer
{
	width: 955px;
	float: left;
}

.footerBalk
{
	width: 955px;
	height: 48px;
	background: #CACACA;
	line-height: 4.5em;
	text-align: center;
	float: left;
}

.footerBalk a
{
	padding: 0px 20px 0px 20px;
	color: #626264;
	text-decoration: none;
	text-transform: uppercase;
}

.footerBalk a:hover
{
	text-decoration: underline;
	text-transform: uppercase;
}

.footerBalk .current, .footerBalk a.current, .footerBalk a.current:hover
{	
	width: auto;
	padding: 0px 20px 0px 20px;
	text-decoration: underline;
	text-transform: uppercase;
	background: none;
	border: 0px;
	float: none;
}

.mainFooter
{
	width: 760px;
	background: url("../img/kopie/bgFooter.gif") repeat-x 0 0;
	float: left;
}

.footerLinks
{
	margin-top: 16px;
	width: 955px;
	text-align: center;
	float: left;
}

.footerLinks a
{
	font-weight: normal;
	font-size: 1.0em;
	padding: 4px;
	margin: 0px 5px 0px 5px;
	color: #EF3E33;
	text-decoration: none;
}

.footerLinks a:hover
{
	text-decoration: none;
	background: #fff;
}
/*=========================================== footer ==============================================*/