/*===============================================================================================*/
body.editor
{
	background-image: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #554F48;
}

body
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #554F48;
}

hr
{
	color: #D9E4E6;
}

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

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


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: #EFF1F0;
	float: left;
}

input 
{
	padding-top: 3px;
	height: 16px;
	padding-left: 3px;
	border: 1px solid #D2E6D7;
	background: #FFFFFF;
	color: #6C6C6C;
	font-size: 1.0em;
}

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

textarea
{
	height: 80px;
	border: 1px solid #333366;
	background: #FFFFFF;
	color: #666;
	font-family: Arial, Helvetica, Verdana;
	font-size: 1.0em;
	overflow: auto;
	float: left;
}

option
{
	color: #000000;
}

button 
{
	border: 1px solid #D5D0CA;
	height: 23px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px 4px 0px 4px;	/* top right bottom left */
	margin-right: 5px;
	background: url("../img/bgButton.gif") repeat-x 0px 0px;
	color: #666666;
	font-weight: bold;
}

button:hover
{
	color: #333366;
}

legend
{
	color: #1F1949;
}

div.main
{
	width: 100%;
	overflow: hidden;
}
/*===============================================================================================*/
/*
	HTML Menu CSS classes
*/
/*===============================================================================================*/
.menuContainer
{
	/*margin: 24px 0px 10px 29px;*/
	padding-bottom: 19px;
	background: url("../img/bgMenu.gif") no-repeat right bottom;
	width: 260px;
	float: left;
}

div.menu
{
	width: 240px;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Algemene <a/> in het menu																							 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a
{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	color: #1C2D24;
	text-decoration: none;
	border-bottom: 1px solid #CDEAD1;
}

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

div.menu a.current:hover
{
	color: #F8720E;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Current <a/> in een sub menu																						 */
/*-----------------------------------------------------------------------------------------------*/
div.menu div.subMenu a.current
{
	color: #FF8700;
	font-weight: bold;
}

div.menu div.subMenu a.current:hover
{
	color: #FF8700;
}
/*-----------------------------------------------------------------------------------------------*/
/* Pijltje als er een submenu is (als gebruikt moet de display op block staan)						 */
/*-----------------------------------------------------------------------------------------------*/
div.menu a img
{
	background: transparent url("../img/arrowMenu.gif") no-repeat 0 0;
	width: 15px;
	height: 15px;
	margin-top: 1px;
	display: block;
}
/*-----------------------------------------------------------------------------------------------*/
/*	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
{
}
/*-----------------------------------------------------------------------------------------------*/
/*	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: 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
{
/* vertical */
/*	width: 186px;*/

/* horizontal */
	width: 510px;
	clear: both;
	height: 31px;
	overflow: hidden;
	background: none;
	float: right;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Gewone <a/> in het hoofdmenu.																						 */
/*-----------------------------------------------------------------------------------------------*/
div#mainMenu a
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
	text-decoration: none;
	float: left;
	height: 29px;
	text-align: center;
	line-height: 2.3em;
	text-transform: uppercase;
	border-bottom: 2px solid #F8720E;
	padding: 0px 14px;
	overflow: hidden;
}

div#mainMenu a:hover
{
	background-color: #FEE0CB;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------*/
/* 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
{
	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;
}
/*-----------------------------------------------------------------------------------------------*/
/* 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: 100%;
	clear: both;
	padding: 0px 0px 10px 0px;
}
/*-----------------------------------------------------------------------------------------------*/
/*	Standaard <a/> in de breadcrumb.																					 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb a
{
	font-weight: normal;
	color: #1F1949;
	text-decoration: none;
}

div.breadcrumb a:hover
{
	color: #FF8700;
}
/*-----------------------------------------------------------------------------------------------*/
/*	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
{
	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: #FF8700;
	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: #FF8700;
}

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

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

td.sitemapMain a 
{
	background-color: #D2E6D7;
	color: #000000;
	padding: 4px 8px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	clear: both;
	/*text-transform: capitalize;*/
}

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

td.sitemapSub
{
	color: #FF7800;
}

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

td.sitemapSub a:hover
{
	color: #000;
}
/*===============================================================================================*/
/*
	Item CSS classes
*/
/*===============================================================================================*/
div.item
{
	width: 100%;
	float:left;
	padding-bottom:15px;
	margin-bottom:10px;
	background: white url("../img/bgItem.gif") no-repeat right bottom;
}

.itemTitle
{
	display: block;
	width: 98%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight: bold;
	text-transform: uppercase;
	color: #5E9478;
	clear: both;
}

.itemTitle a
{
	text-decoration: none;
}

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

div.itemBody
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	color: #554F48;
	margin-bottom: 15px;
	width: 97%;
}

div.itemNav
{
	width: 97%;
	clear: both;
	float: left;
}

div.itemNav div
{
	clear: both;
	width: 117px;
	height: 27px;
	background: url("../img/bgNav.gif") no-repeat 0px 0px;
}

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

.itemNav a:hover
{
	color: #FF8700;
}

/*-----------------------------------------------------------------------------------------------*/
a.itemBack
{
	display: block;
	width: 31px;
	height: 27px;
	padding-left: 22px;
	margin-right: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #2C2827;
	line-height: 2.4em;
	background: White url("../img/btnBack.gif") no-repeat 0px 0px;
	float: left;
}

a.itemBack:hover
{
	color: #FFF;
	background: White url("../img/btnBack.gif") no-repeat 0px -37px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemSend
{
	display: block;
	width: 31px;
	height: 27px;
	background: White url("../img/btnSend.gif") no-repeat 0px 0px;
	float: left;
}

a.itemSend:hover
{
	background: White url("../img/btnSend.gif") no-repeat 0px -37px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemPrint
{
	display: block;
	width: 31px;
	height: 27px;
	margin-right: 1px;
	background: White url("../img/btnPrint.gif") no-repeat 0px 0px;
	float: left;
}

a.itemPrint:hover
{
	background: White url("../img/btnPrint.gif") no-repeat 0px -37px;
}
/*-----------------------------------------------------------------------------------------------*/
a.itemMore
{
	display: block;
	width: 70px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #2C2827;
	line-height: 1.5em;
	background: White url("../img/btnMore.gif") no-repeat right 0px;
	float: right;
}

a.itemMore:hover
{
	color: #5E9478;
	background: White url("../img/btnMore.gif") no-repeat right -25px;
}
/*-----------------------------------------------------------------------------------------------*/
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: 3px 8px;
	border: 1px solid #AED2B8;
	background-color: #F0EEEC;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	margin-right: 5px;
}

div.paging a:hover
{
	color: #FFF;
	border: 1px solid #AED2B8;
	background: #D2EAF6 url("../img/bgPaging.gif") repeat-x 0px 0px;
}

div.paging a.disabled, div.paging a.disabled:hover
{
	border: 1px solid #F0EEEC;
	background: #F0EEEC;
	color: #8D8D8D;
	cursor: default;
}

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

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

div.paging a.last
{
	width: 50px;
}
/*===============================================================================================*/
/*
	Login page CSS classes
*/
/*===============================================================================================*/
.bgLogin
{
	width: 100%;
	padding-bottom: 20px;
	background: url("../img/bgLogin.gif") no-repeat bottom right;
	float: left;
}

div.login
{
	width: 585px;
	float:left;
	padding: 11px;
	border: 1px solid #E3DFDC;
	background: #EFF2F0 url("../img/loginGradient.gif") repeat-x 0px 0px;
}

div.login .loginLeft
{
	margin: 0px;
	width: 209px;
	height: 140px;
	border-right: 1px solid #AEAFAF;
	float: left;
}

div.login .loginLeft .loginText
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	margin: 10px 0px 0px 13px;
	width: 180px;
	float: left;
}

div.login .loginLeft .loginText span
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	display: block;
	margin-bottom: 15px;
}

div.login .loginContent
{
	margin: 0px 0px 0px 20px;
	width: 350px;
	float: left;
}

div.login .loginContent .login
{
	width: auto;
	border: 0px;
	padding: 0px;
	background: none;
}

div.login .loginContent .login div
{
	padding: 0px;
}

div.login .loginContent .login div h4
{
	color: #666666;
}

div.login .loginContent .login div a
{
	color: #666666;
	clear: both;
	float: left;
}

div.login .loginContent .login div button
{
	height: 22px;
	padding: 0px 10px;
	float: right;
}

div.login .loginContent .title
{
	width: 335px;
	padding-left: 15px;
	height: 30px;
	font-family: tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	background: #E7E8E8 url("../img/bgLoginTitle.gif") no-repeat 0px 0px;
	line-height: 2.2em;
	float: left;
}

div.login form
{
	margin-top: 10px;
	background: none;
}

div.login form .loginTbl
{
	width:350px;
}

div.login form .loginTbl tr
{
	height: 33px;
}

div.login form .loginTbl td
{
	color: #666666;
	font-weight: bold;
}

div.login form .loginTbl tr.noLine
{
	height: 24px;
}

div.login form .loginTbl tr.noLine td
{
	border-bottom: none;
}

div.login form .loginTbl a
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	color: #666666;
	font-size: 0.9em;
}

div.login form input
{
	border: 1px solid #D2E6D7;
	background: #FFF;
}

div.login button
{
	overflow: visible;
}
/*===============================================================================================*/
/*
	Search page CSS classes
*/
/*===============================================================================================*/
div.search
{
}

tr.search
{
	color: Black;
	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
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4E4E4E; /* google color: #0000DE */
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
}

.results span.searchTeaser
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

.results span.searchCrumb a
{
	font-family: Arial, Helvetica, sans-serif;
	color: #68696C; /* google color: #008000 */
	text-decoration: none;
}

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

.results span.searchDate
{
	color: #959595;
}
/*===============================================================================================*/
/*
	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: #FF8700;
	font-weight: bold;
}

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

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

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

.form td.formcheck label
{
	display: none;
}

.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;
	float: left;
	display: inline;
}

div.itemThumb img
{
	width: 114px;
	height: 114px;
}

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

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

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 ==============================================*/
.wrapperHeader, .wrapperContent, .wrapperFooter, .wrapperHeaderPortal
{
	width: 100%;
	background: #FFFFFF;
	float: left;
}

.wrapperHeader
{
	background: url("../img/bgHeader.gif") repeat-x 0px 0px;
}

.wrapperHeaderPortal
{
	background: url("../img/bgHeaderPortal.gif") repeat-x 0px 0px;
}

.wrapperContent
{
	background: #FFFFFF;
}

.wrapperFooter
{
	background: url("../img/bgFooter.gif") repeat-x 0px 0px;
}

.layoutHeader, .layoutContent, .layoutFooter, .layoutHeaderPortal
{
	margin: 0px auto 0px auto;
	width: 955px;
}

.layoutHeader
{
	height: 297px;
}

.layoutHeaderPortal
{
	height: 451px;
}

.layoutContent
{
	padding-bottom: 20px;
}

.layoutFooter
{
	height: auto;
}
/*=========================================== 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: #FF8700;
}
/*=========================================== spacers ==============================================*/


/*=========================================== portal ==============================================*/
.portalTop, .portalFlash
{
	width: 955px;
	float: left;
}

.portalTop
{
	height: 110px;
}

.portalTop .logo
{
	margin: 16px 0px 0px 5px;
	width: 241px;
	height: 81px;
	float: left;
}

.portalFlash
{
	height: 323px;	
}
/*=========================================== portal ==============================================*/


/*=========================================== header ==============================================*/
.header, .headerTop, .headerImg
{
	width: 955px;
	float: left;
}

.headerTop
{
	height: 111px;
}

.headerTop .logo
{
	margin: 16px 0px 0px 5px;
	width: 241px;
	height: 81px;
	float: left;
}

.headerTop .searchTop
{
	margin-top: 16px;
	width: 510px;
	height: 20px;
	float: right;
}

.searchTop form
{
	width: 180px;
	background: none;
	float: right;
}

.headerLinks
{
	margin-right: 10px;
	float: right;
}

.headerLinks a
{
	margin-top: 2px;
	font-size: 0.9em;
	color: #6C6C6C;
	padding: 0px 7px;
	float: left;
}

.headerLinks div
{
	margin-top: 4px;
	float:left;
}

.searchTop .zoeken
{
	width: auto;
	height: 20px;
	float: right;
}

.searchTop input
{
	width: 147px;
	height: 15px;
	border-right: none;	
	padding: 3px 0px 0px 5px;
	margin: 0px;
	float: left;
}

.searchTop button
{
	width: 24px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: url("../img/btnZoek.gif") no-repeat 0px 0px;
	cursor: pointer;
	float: left;	
}

.headerTop .hoofdMenu
{
	margin-top: 31px;
	width: 510px;
	height: 31px;
	float: right;
}

.hoofdMenuPortal
{
	margin-top: 20px;
	width: 955px;
	height: 31px;
	float: left;
}

.hoofdMenu a, .hoofdMenuPortal a
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
	text-decoration: none;
	float: left;
	height: 29px;
	text-align: center;
	line-height: 2.3em;
	text-transform: uppercase;
	border-bottom: 2px solid #F8720E;
	padding: 0px 12px 0px 12px;
	overflow: hidden;
}

.hoofdMenuPortal a
{
	width: 159px;
	padding: 0px;
}

.hoofdMenu a:hover, .hoofdMenuPortal a:hover
{
	color: #000000;
	background-color: #FEE0CB;
	text-decoration: none;
}

.hoofdMenu a.algemeen, .hoofdMenuPortal a.algemeen
{
	border-bottom: 2px solid #F8720E;
}

.hoofdMenu a.organisatie, .hoofdMenuPortal a.organisatie
{
	border-bottom: 2px solid #479859;
}

.hoofdMenu a.organisatie:hover, .hoofdMenuPortal a.organisatie:hover
{
	background: #CBE5D0;
}

.hoofdMenu a.scholen, .hoofdMenuPortal a.scholen
{
	border-bottom: 2px solid #673D89;
}

.hoofdMenu a.scholen:hover, .hoofdMenuPortal a.scholen:hover
{
	background: #E0D3EB;	
}

.hoofdMenu a.personeel, .hoofdMenuPortal a.personeel
{
	border-bottom: 2px solid #FE9650;
}

.hoofdMenu a.GMR, .hoofdMenuPortal a.GMR
{
	border-bottom: 2px solid #479859;
}

.hoofdMenu a.GMR:hover, .hoofdMenuPortal a.GMR:hover
{
	background: #CBE5D0;
}

.hoofdMenu a.VOS, .hoofdMenuPortal a.VOS
{
	border-bottom: 2px solid #673D89;
}

.hoofdMenu a.VOS:hover, .hoofdMenuPortal a.VOS:hover
{
	background: #E0D3EB;	
}

.headerImg
{
	height: 167px;
}
/*=========================================== header ==============================================*/


/*=========================================== content ==============================================*/
.contentLeft
{	
	margin: 24px 0px 10px 29px;
	width: 260px;
	float: left;
}


.content
{
	margin: 25px 0px 0px 29px;
	width: 630px;
	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: #FF8700;
}
/*=========================================== articles ==============================================*/


/*=========================================== menu ==============================================*/
.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: #FF8700;
	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: #FF8700;
	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: #FF8700;
}
/*=========================================== 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 ==============================================*/

/*=========================================== vacatures ==============================================*/
.vacatures .itemTitle
{
	text-transform: uppercase;
	font-size: 1.4em;
}

.vacatures table
{
	float:left;
}

.vacatures .sorting
{
	float:right;
	font-family:Arial, Helvetica, Verdana;
	width: 185px;
	margin: 5px 0px 5px 0px;
}

.vacatures .sorting a
{
	color:#1C2D24;
	font-weight: bold;
}

.vacatures .sorting a.current
{
	color: #5F9578;
	font-weight: normal;
	text-decoration: none;
	cursor:default;
}

.vacatures .titleBar
{
	padding: 7px;
	float:left;
	background:#EFF2F0;
	width: 611px;
	margin: 10px 0px 5px 0px;
}

.jobTitleOrange
{
	color: #FE9650;
	font-weight: bold;
	font-size: 1.4em;
}

.vacatures .titleBar a
{
	color: #554F48;
}

.vacatures .small
{
	font-size: 0.9em;
}

.vacatures .jobTitle
{
	font-weight: bold;
	font-size: 1.3em;
}

.vacatures .content
{
	padding: 5px 0px 0px 5px;
	margin: 0px;	
}

.vacatures .content .label
{
	text-transform: uppercase;
	font-weight: bold;
	color: #FE9650;
}

a.greenBtn
{
	width: 179px;
	height: 41px;
	display : block;
	background: url("../img/greenButton.png") no-repeat 0px 0px;
	float:right;
}

a.greenBtn:hover
{
	background: url("../img/greenButton.png") no-repeat 0px -61px;
}

.vacatures form
{
	width: 582px;
	padding: 20px;
	background: #EFF2F0 url("../img/bgForm.gif") repeat-x 0px 0px;
	border: 1px solid #E3DFDC;
}

.vacatures form table td.label
{
	width: 130px;
	font-weight: bold;
	color:#666666;
}

.vacatures form table input
{
	width:325px;
	border: 1px solid #E3DFDC;
}

.vacatures form table textarea
{
	width: 410px;
	background-image: none;
	border: 1px solid #E3DFDC;
}
	
.vacatures form button, .vacatures form a
{
	padding: 4px 10px 4px 10px;
	text-decoration:none;
	color: #666666;
	font-family:Tahoma, "Trebuchet MS", Arial;
	border: 1px solid #D5D0CA;
	background: #DEDAD5 url("../img/bgBtnGray.gif") repeat-x 0px 0px;
}

.vacatures form button
{
	float:right;
	height: 30px;
}
/*=========================================== vacatures ==============================================*/


/*=========================================== footer ==============================================*/
.footer
{
	width: 888px;
	padding: 19px 10px 0px 57px;
	float: left;
}

.footer .copyright
{
	float: left;
}

.copyright a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
}

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

.footer .spotlight
{
	width: 325px;
	margin-top: 15px;
	float: left;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #B6AEA3;
}

.footerLinks
{
	float: right;
}

.footerLinks a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #999999;
	text-decoration: none;
}

.footerLinks a:hover
{
	text-decoration: underline;
}
/*=========================================== footer ==============================================*/