/*===============================================================================================*/
.editor
{
	background-image: none;
	font-family: Segoe UI, Tahoma, Arial, Verdana, Sans-Serif;
	color: #2E2E2E;
}

body
{
	font-family: Segoe UI, Tahoma, Arial, Verdana, Sans-Serif;
	background: #E8F3F9 url("../img/bgBody.gif") repeat-x 0 0;
	color: #2E2E2E;
}

hr
{
	color: #D9E4E6;
}

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

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


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

a.lost
{
	float:right;
}

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

input 
{
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #809DB9;
	background: #FFFFFF;
	color: #666666;
	font-size: 1.0em;
}

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

textarea
{
	height: 80px;
	border: 1px solid #3D98CD;
	background: #FFFFFF url("../img/bgInput.gif") repeat-x 0 0;
	color: #919191;
	font-family:arial, verdana, tahoma;
	font-size: 1.0em;
	overflow: auto;
	float: left;
}

option
{
	color: #000000;
}

button 
{
	border: 0px;
	padding: 2px 4px 2px 4px;	/* top right bottom left */
	margin-right: 5px;
	background: #B7D8EE;
	color: #FFFFFF;
	font-weight: bold;
}

button:hover
{
	color: #D8EAF6;
	background: #076AA6;
}

legend
{
	color: #066BA7;
}

label
{
	color: #666666;
}

div.main
{
	width: 100%;
}
/*===============================================================================================*/
/*
	HTML Menu CSS classes
*/
/*===============================================================================================*/
div.menu
{
	width: 210px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

div.menu h3
{
	font-size: 1.7em;
}

div.subMenu
{
	width: 210px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: #FFFFFF;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Algemene <a/> in het menu																							 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	font-size: 0.6em;
	color: #066BA8;
	text-decoration: none;
	border-bottom: 1px solid #A9D1E9;
}

div.menu a:hover
{
	color: #066BA8;
	text-decoration: none;
	background: #C5DFF1;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Current <a/> in het menu																							 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a.current
{
	color: #BD2471;
	font-weight: bold;
	background: #C5DFF1;
}

div.menu a.current:hover
{
	color: #BD2471;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Algemene <a/> in het subMenu																							 */
/*-----------------------------------------------------------------------------------------------*/
div.menu div.subMenu a
{
	color: #AABD24;
	background: #FFFFFF;
}

div.menu div.subMenu a:hover
{
	color: #8D9D1E;
	background: #FFF;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Current <a/> in een sub menu																						 */
/*-----------------------------------------------------------------------------------------------*/
div.menu div.subMenu a.current
{
	color: #066BA8;
	background: #FFFFFF;
	font-weight: bold;
}

div.menu div.subMenu a.current:hover
{
	color: #066BA8;
	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
{
	color: #066BA8;
	font-weight: normal;
	background: #C5DFF1;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Eerste en laatste <a/> in een (sub)menu																		 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a.first
{
}

div.menu a.last
{
}
/*-----------------------------------------------------------------------------------------------*/
/*	Verschillende lagen:																									 */
/*-----------------------------------------------------------------------------------------------*/
/* 1e laag */
div.menu a
{
	padding-left: 14px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 2e laag */
div.menu div.subMenu a
{
	font-size: 1.0em;
	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
{
/* vertical */
/*	width: 186px;*/

/* horizontal */
	width: 100%;
	clear: both;
	height: 23px;
	overflow: hidden;
	background: #0B6CA9 url("../img/kopie/footerbalk.gif") no-repeat 0 0;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Gewone <a/> in het hoofdmenu.																						 */
/*-----------------------------------------------------------------------------------------------*/
div#mainMenu a
{
	font-weight: bold;
	color: #1F1949;
	text-decoration: none;
	
/* vertical */
/*	padding: 5px 11px 5px 11px;
	border-bottom: 1px solid #FF8700;
	clear: both;*/

/* horizontal */
	padding: 5px;
	border-right: 1px solid #FFFFFF;
	float: left;
	height: 13px;
	width: 90px;
	overflow: hidden;
}

div#mainMenu a:hover
{
	background-color: #CCCCD9;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------*/
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;
}
/*-----------------------------------------------------------------------------------------------*/
/* Current <a/> in het hoofdmenu.																					 */
/*-----------------------------------------------------------------------------------------------*/
div#mainMenu a.current
{
	background: #CCCCD9 url("../img/kopie/bgMenuLoc.gif") repeat-x 0 0;	
}

div#mainMenu a.current:hover
{
	background: #CCCCD9 url("../img/kopie/bgMenuLoc.gif") repeat-x 0 0;	
}
/*-----------------------------------------------------------------------------------------------*/
/* 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;
}
/*-----------------------------------------------------------------------------------------------*/
div.floatMenu a img
{
	width: 8px;
	height: 7px;
	background: transparent url("../img/kopie/menuArrowLeft.gif") no-repeat 0 0;
	margin-top: 3px;
}
/*-----------------------------------------------------------------------------------------------*/
/* 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: 380px;
	height: 24px;
	clear: both;
	padding: 10px 0px 0px 0px;
	margin: 15px 0px 0px 30px;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Standaard <a/> in de breadcrumb.																					 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb a
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #066AA6;
	text-decoration: none;
	float: left;
}

div.breadcrumb a:hover
{
	color: #066AA6;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Laatste <a/> in de breadcrumb (current location).															 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb a.current
{
	font-weight: bold;
}

div.breadcrumb a.current:hover
{
}
/*-----------------------------------------------------------------------------------------------*/
/*	De spacer tussen de categorieën.																					 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb img, span.searchCrumb img
{
	margin-top: 4px;
	background: transparent url("../img/kopie/arrowBread.gif") no-repeat 0px 0px;
	width: 20px;
	height: 6px;
	float: left;
}
/*===============================================================================================*/
/*
	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: #0B6CA9;
	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: #0B6CA9;
}
/*===============================================================================================*/
/*
	Sitemap CSS classes
*/
/*===============================================================================================*/
table.sitemap
{
	background-color: #FFFFFF;
	margin: 10px 0px 12px 0px;
	float: left;
}

td.sitemapMain
{
	background-color: #EBF4FA;
}

td.sitemapMain a 
{
	padding: 4px 8px;
	color: #066BA7;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

td.sitemapMain a:hover
{
	color: #066BA7;
}

td.sitemapSub
{
	color: #066BA8;
}

td.sitemapSub a 
{
	padding: 4px 8px;
	color: #066BA8;
	text-decoration: none;
	font-weight: normal;
	display: block;
}

td.sitemapSub a:hover
{
	color: #BD2471;
}
/*===============================================================================================*/
/*
	Item CSS classes
*/
/*===============================================================================================*/
div.item
{
	margin: 15px 0px 0px 0px;
	width: 632px;
	clear: both;
	background: white;
	float: left;
}

.itemTitle
{
	display: block;
	width: 100%;
	font-family: verdana, tahoma, arial, verdana, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	color: #066BA7;
	clear: both;
}

.itemTitle a
{
	text-decoration: none;
}

.itemTitle a:hover
{
	color: #066BA7;
}

div.itemBody
{
	font-family: segoe UI, tahoma, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 15px;
	color: #2E2E2E;
	width: 100%;
}

div.itemBody .txt
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	color: #666666;
}

div.itemBody h1, h2, h3, h4, h5, h6
{
	font-size: 1.0em;
	color: #666666;
}

div.itemBody font
{
	font-size: 1.3em;
	color: #076CA8;
}

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

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: #0B6CA9;
}

.itemNav .navRight
{
	width: 83px;
	float: right;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemBack
{
	display: block;
	width: 21px;
	height: 21px;
	background: White url("../img/kopie/items/btnBack.gif") no-repeat 0px 0px;
	float: left;
}

a.itemBack:hover
{
	background: White url("../img/kopie/items/btnBack.gif") no-repeat 0px -41px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemSend
{
	display: block;
	width: 21px;
	height: 21px;
	margin-right: 10px;
	background: White url("../img/kopie/items/btnSend.gif") no-repeat 0px 0px;
	float: right;
}

a.itemSend:hover
{
	background: White url("../img/kopie/items/btnSend.gif") no-repeat 0px -41px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemPrint
{
	display: block;
	width: 21px;
	height: 21px;
	margin-right: 10px;
	background: White url("../img/kopie/items/btnPrint.gif") no-repeat 0px 0px;
	float: right;
}

a.itemPrint:hover
{
	background: White url("../img/kopie/items/btnPrint.gif") no-repeat 0px -41px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemMore
{
	display: block;
	width: 112px;
	height: 23px;
	background: White url("../img/kopie/items/btnMore.gif") no-repeat 0px 0px;
	float: right;
}

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

a.itemTop:hover
{
	background: White url("../img/kopie/items/btnTop.gif") no-repeat 0px -41px;
}
/*===============================================================================================*/
/*
	Paging CSS classes
*/
/*===============================================================================================*/
div.paging
{
	margin: 10px 0px 10px 0px;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
	float: left;
}

div.paging a
{
	width: 30px;
	height: 23px;
	display: inline-block;
	background: url("../img/bgPaging.gif") no-repeat 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #0669A6;
	text-decoration: none;
	margin-right: 5px;
	float: left;
}

div.paging a:hover
{
	color: #D8EAF6;
	background: url("../img/bgPaging.gif") no-repeat 0px -43px;
}

div.paging a.current
{
	color: #D8EAF6;
	background: url("../img/bgPaging.gif") no-repeat 0px -43px;
}

div.paging a.first
{
	width: 92px;
	background: url("../img/bgPagingFirst.gif") no-repeat 0px 0px;
}

div.paging a.first:hover
{
	background: url("../img/bgPagingFirst.gif") no-repeat 0px -43px;
}

div.paging a.last
{
	width: 92px;
	background: url("../img/bgPagingFirst.gif") no-repeat 0px 0px;
}

div.paging a.last:hover
{
	background: url("../img/bgPagingFirst.gif") no-repeat 0px -43px;
}

div.paging a.disabled, div.paging a.disabled:hover
{
	background: url("../img/bgPagingDis.gif") no-repeat 0px 0px;
	color: #CCCCCC;
	cursor: default;
}
/*===============================================================================================*/
/*
	Login page CSS classes
*/
/*===============================================================================================*/
div.login
{
	margin: 10px 0px 0px 0px;
}

div.login h4
{
	color: #066BA7;
	font-size: 1.3em;
}

div.login button
{
	overflow: visible;
}
/*===============================================================================================*/
/*
	Search page CSS classes
*/
/*===============================================================================================*/
div.search
{
	margin: 10px 0px 0px 0px;
	float: left;
}

tr.search
{
	color: #666666;
	background-color: White;
}

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

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

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

.results .searchTitle
{
	color: #066BA7; /* google color: #0000DE */
	font-size: 1.25em;
	width:100%;
	float:Left;
	margin-top:10px;
	font-weight: bold;
}

.results span.searchTeaser
{
	color: #666666;
	margin-bottom:4px;
	width:100%;
	float:left;
}

.results span.searchCrumb a
{
	color: #066BA7; /* google color: #008000 */
	text-decoration: none;
	float:left;
}

.results span.searchCrumb a img
{
	float:left;
}

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

.results span.searchDate
{
	color: #959595;
	width:100%;
	float:Left;
	margin-top:3px;
}

.search form button
{
	width: 93px;
	height: 23px;
	color: #0669A6;
	padding-left: 15px;
	text-align: left;
	background: url("../img/btnZoeken.gif") no-repeat 0px 0px;
}

.search form button:hover
{
	width: 93px;
	color: #D8EAF6;
	background: url("../img/btnZoeken.gif") no-repeat 0px -43px;
}

form.form
{
	width:90%;
}

form.form div
{
	padding: 3% 1.8% 3% 3%;
	width: 96.2%;
	float: left;
}

.searchAgain
{
	margin-top:20px;
}

.searchAgain,
.searchAgain form,
.searchAgain table
{
	width:100%;
	float:left;
}
/*===============================================================================================*/
/*
	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: #0B6CA9;
	font-weight: bold;
}

.forum span.date
{
	color: #0B6CA9;
	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: red;
	font-weight: bold;
}

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

.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: 151px;
	height: 115px;
	float: left;
	margin: 0px 7px 7px 0px;
	display: inline;
}

div.itemThumb img
{
	width: 143px;
	height: 107px;
}

div.itemThumb a, div.itemThumb span
{
	width: 143px;
	height: 107px;
	border: 4px solid #D8EAF5;
	float: left;
}

div.itemThumb a:hover
{
	border: 4px solid #066BA7;
}

div.thumbFooter
{
	width: 124px;
	height: 11px;
	background: url("../img/kopie/footerThumb.gif") repeat-x 0 0;
	float: left;
	display: none;
}
/*===============================================================================================*/


/*=========================================== main ==============================================*/
.layoutHeader, .layoutContent, .layoutFooter
{
	width: 100%;
	height: 138px;
	float: left;
}

.layoutContent
{
	height: auto;
	background: #FFFFFF;
}

.layoutFooter
{
	height: 256px;
	background: url("../img/kopie/bgFooter.gif") repeat-x 0 0;;
}

.layout
{
	margin: 0 auto 0 auto;
	width: 862px;
	float:none;
}

.bgPortal
{
	width: 862px;
	background: #FFF url("../img/bgPortalContent.png") no-repeat 0 0;
	float:left;
}
/*=========================================== 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: #0B6CA9;
}
/*=========================================== spacers ==============================================*/


/*=========================================== portal ==============================================*/
.portalTop
{
	width: 862px;
	height: 224px;
	float: left;
}

.loginSearch
{
	margin-top: 24px;
	width: 232px;
	float: right;
}

.loginSearch form
{
	background: none;
}

.loginSearch img
{
	margin-top: 2px;
	float: left;
}

.loginSearch input
{
	margin: 0px;
	width: 132px;
	color: #666666;
	border: 1px solid #3C98CD;
	background: #FFF;
}

.loginSearch button
{
	width: 22px;
	height: 18px;
	background: url("../img/btnZoek.gif");
}

.loginSearch button:hover
{
	width: 22px;
	height: 18px;
	background: url("../img/btnZoekMo.gif");
}

.loginSmall
{
	margin-top: 15px;
	width: 232px;
	float: left;
}

.loginLeft
{
	width: 64px;
	float: left;
}

.loginRight
{
	width: 140px;
	float: left;
}

.loginRight .message
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding-top: 3px;
	font-size: 1.0em;
	color: #3D98CE;
}

.loginRight form input
{
	margin-bottom:4px;
	width: 132px;
	color:#919191;
}

.loginRight .message .name
{
	font-weight: bold;
	color: #066AA6;
}

.loginRight form
{
	background: none;
}

.loginRight form button
{
	width: auto;
	height: 23px;
	color: #FFFFFF;
	background: #B7D8EE;
	float: right;
}

.loginRight form button:hover
{
	width: auto;
	height: 23px;
	color: #D8EAF6;
	background: #076AA6;
}

.loginRight form H4
{
	font-size: 1.1em;
	line-height: 1.8em;
	color: #3D98CE;
}

.loginRight .loginBottom
{
	margin-top: 5px;
	width: 140px;
	float: left;
}

.loginBottom a
{
	width: 95px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #3D98CE;
	text-decoration: none;
	clear: left;
	float: left;
}

.loginBottom a.lost
{
	float:right;
	display: block;
	clear:both;
	margin-top:5px;
	margin-right: 0px;
}

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

.mainContentPortal
{
	width: 862px;
	float: left;
}

.leftContainerPortal
{
	margin: 0px 0px 0px 9px;
	width: 615px;
	float: left;
	overflow: hidden;
}

.leftContainerPortal .item
{
	width: 615px;
	float: left;
}

.rightContainerPortal
{
	width: 229px;
	float: right;
	border-left: 1px solid #D6E9F5;
	overflow: hidden;
}

.agenda
{
	margin: 0px 0px 0px 8px;
	width: 220px;
	float: left;
}

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

.agenda a
{
	width: 208px;
	margin: 0px 0px 12px 0px;
	padding: 6px;
	text-decoration: none;
	float: left;
}

.agendaBACKUP a
{
	width: 208px;
	margin: 0px 0px 12px 0px;
	background: url("../img/bgAgenda.gif") no-repeat 0 0;
	padding: 6px;
	text-decoration: none;
	float: left;
}

.agenda a:hover
{	
}

.agendaBACKUP a:hover
{
	background: #F0F7FB url("../img/bgAgendaMo.gif") no-repeat 0 0;
}

.agendaLeft
{
	width: 47px;
	cursor: pointer;
	float: left;
}

.agendaMonth
{
	width: 36px;
	height: 13px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 14px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	display: block;
}

.agenda a .agendaDay
{
	width: 35px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 2.0em;
	font-weight: bold;
	color: #066BA7;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	display: block;
}

.agenda a:hover .agendaDay
{
	color: #BD2471;
}

.agendaRight
{
	width: 160px;
	cursor: pointer;
	float: left;
}

.agenda a .agendaTitle
{
	width: 100%;
	font-family: Segoe UI, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #066BA7;
	cursor: pointer;
	float: left;
}

.agenda a:hover .agendaTitle
{
	color: #BD2471;
}

.agendaBody
{
	width: 100%;
	font-family: Segoe UI, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #666666;
	cursor: pointer;
	float: left;
}
/*=========================================== portal ==============================================*/


/*=========================================== header ==============================================*/
.header
{
	width: 862px;
	height: 141px;
	float: left;
}

.logo
{
	width: 241px;
	height: 67px;
	float: left;
}

.payOff
{
	width: 385px;
	height: 106px;
	overflow: hidden;
	float: right;
}

#hoofdMenu
{
	width: 862px;
	height: 30px;
	display: block;
	float: left;
}

ol#hoofdMenu
{
	width: 852px;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 10px;
}

ol#hoofdMenu li
{
    float: left;
    margin: 0px 0px 0px 3px;
}

ol#hoofdMenu a
{
	margin-top: 4px;
	background: url(../img/tab.png);
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
    display: block;
    float: left;
    height: 26px;
    padding-left: 30px;
}

ol#hoofdMenu a:hover
{
	color: #066AA6;
    background-position: 0 -52px;
}

ol#hoofdMenu a:hover span
{
    background-position: 100% -52px;
}

ol#hoofdMenu li.current a
{
    background-position: 0 -26px;
    color: #FFF;
    font-weight: bold;
}

ol#hoofdMenu li.current span
{
    background-position: 100% -26px;
}

ol#hoofdMenu span
{
    background: url(../img/tab.png) 100% 0;
    display: block;
    line-height: 23px;
    padding-right: 30px;
}

.topLinks
{
	width: 760px;
	height: 25px;
	float: left;
}

.topLinks a
{
	font-family: verdana, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #DBDAE4;
	text-decoration: none;
}

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

.topLinkContainer
{
	float: right;
}

.resize
{
	font-family: verdana, arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	color: #DBDAE4;
}

.resize a
{
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
}

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

.mainHeader, .headerImg
{
	width: 760px;
	float: left;
}

.headerImg
{
	height: 174px;
}

.headerImg
{
	width: 560px;
	background: #FFF url("../img/kopie/header01.jpg") no-repeat 0 0;
}
/*=========================================== header ==============================================*/


/*=========================================== content ==============================================*/
.mainContent
{
	width: 862px;
	overflow: hidden;
	float: left;
}

.contentTop
{
	width: 862px;
	height: 68px;
	background: url("../img/bgBreadcrumb.gif") no-repeat 0 0;
	float: left;
}

.loginout, .breadcrumbContainer, .zoeken
{
	width: 210px;
	height: 68px;
	float: left;
}

.loginout
{
	height: 43px;
	padding-top: 25px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #3D98CE;
	text-align: center;
}

.loginout a
{
	color: #066AA6;
	text-decoration: underline;
}

.loginout a:hover
{
	text-decoration: none;
}

.breadcrumbContainer
{
	width: 420px;
}

.zoeken
{
	width: 232px;
	height: 44px;
	padding-top: 24px;
	overflow: hidden;
}

.zoeken form
{
	background: none;
}

.zoeken img
{
	margin-top: 2px;
	float: left;
}

.zoeken input
{
	margin: 0px;
	width: 132px;
	color: #666666;
	border: 1px solid #3C98CD;
	background: #FFF;
}

.zoeken button
{
	width: 22px;
	height: 18px;
	background: url("../img/btnZoek.gif");
}

.zoeken button:hover
{
	width: 22px;
	height: 18px;
	background: url("../img/btnZoekMo.gif");
}

.leftContainer
{
	width: 210px;
	float: left;
}

.rightContainer
{
	width: 632px;
	float: right;
	overflow: hidden;
}

.contentAfbeelding
{
	width: 632px;
	height: 144px;
	float: left;
}

.content
{
	width: 530px;
	float: left;
}
/*=========================================== content ==============================================*/


/*=========================================== articles ==============================================*/
.mainNav a
{
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	color: #1F1949;
	text-decoration: none;
	border: 1px solid red;
}

.mainNav a:hover
{
	color: #0B6CA9;
}
/*=========================================== articles ==============================================*/


/*=========================================== menu ==============================================*/
.menuContainer
{
	width: 210px;
	background: #E1EEF8;
	float: left;
}

.menuItem a, .menuItem a, a.menuItem
{
	padding-top: 4px;
	padding-bottom: 5px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	color: #1F1949;
	text-decoration: none;
	display: block;
	width: 100%;
}

h4.menuItem a
{
	font-size: 0.7em;
	font-weight: normal;
}

.menuItem
{
	margin-bottom: 0px;
}

.menuItem a:hover
{
	color: #0B6CA9;
	text-decoration: none;
}

table.loc, table.loc:hover
{
	background: #CCCCD9 url("../img/kopie/bgMenuLoc.gif") repeat-x 0 0;
}

.menuItem a.subloc, .menuItem a.subloc:hover
{
	color: #0B6CA9;
	font-weight: bold;
}

.slideDiv
{
	width: 186px;
	float:left;
	display: block;
}

.searchBar, .loginBar, .logoffBar
{
	background: white;
}

.searchBar input
{
	width: 117px;
	height: 15px;
	float: left;
}

.searchBar button, .loginBar button
{
	width: 30px;
	height: 20px;
}

.logoffBar button
{
	width: 80px;
	height: 20px;
}

.loginBar input
{
	width: 155px;
	height: 15px;
	float: left;
}

.loginBar h4
{
	font-size: 1.27em;
	color: #0B6CA9;
}
/*=========================================== menu ==============================================*/


/*=========================================== 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 ==============================================*/
.footerContainer
{
	width: 863px;
	float: left;
}

.polaroids
{
	width: 201px;
	float: left;
}

.footerRight
{
	margin: 52px 0px 0px 41px;
	width: 621px;
	float: left;
}

.footerBlok, .quicklinks
{
	width: 119px;
	height: 130px;
	padding: 0px 15px 0px 20px;
	border-right: 1px solid #A9D1E9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #066BA7;
	float: left;
}

.border
{
	border-left: 1px solid #A9D1E9;
}

.footerTitle
{
	font-weight: bold;
	font-size: 1.0em;
}

.footerBlok a, .quicklinks a
{
	font-family: verdana, arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #066BA7;
	text-decoration: none;
	padding: 0px 0px 8px 0px;
	float: left;
	clear: left;
}

.footerBlok a:hover, ..quicklinks a:hover
{
	text-decoration: underline;
}

.quicklinks a
{
	text-transform: uppercase;
}

.copyright
{
	width: 100%;
	margin: 30px 0px 0px 0px;
	text-align: center;
	float: left;
}

.copyright a
{
	font-family: verdana, arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	color: #78B7DC;
	text-decoration: none;
}

.copyright a:hover
{
	color: #066BA7;
	text-decoration: none;
}
/*=========================================== footer ==============================================*/