/*
- Generic
- Lay Out
- Components
-- Generic
-- Header
-- Menu
-- Banner
-- Content Block
-- Nieuws
-- Agenda (JQuery)
--- Generic
--- Specific
-- Testimonials
-- Footer
*/



/*----------------------------------------------------------------------------------------
- Generic
----------------------------------------------------------------------------------------*/
html
{
	height: 100%;
}


body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: 80% Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	background: url('../img/bgBody.gif') repeat-x #6e5e51;
}
a
{
	color: #f60;
	text-decoration: none;
}
a:hover
{
	color: #811;
	text-decoration: underline;
}
h1,
h2
{
	color: #136;
	font-size: 1.7em;
	font-weight: normal;
	/*background: url('../img/bgTitle.gif') no-repeat 4px 0px;*/
	background: url('../img/bgTitleALT.gif') no-repeat 5px 2px;
	padding: 14px 2px 12px 15px;
	margin: 0px auto 5px auto;
}
	.leftColumn h1,
	.leftColumn h2
	{
		padding-left: 150px;
		/*background-position: 139px 0px;*/
		background-position: 140px 2px;
	}
h3
{
	color: #811;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0px auto 3px auto;
}
h4
{
	color: #ba9;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px auto 3px auto;
}
ol.alpha
{
	list-style: lower-alpha;
}
ul
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}
ul li
{
	background: url('../img/bullet.gif') no-repeat 0px 0.5em;
	padding-left: 10px;
	margin-bottom: 4px;
}
p
{
	margin: 0px auto 10px auto;
	padding: 0px 1px;
	line-height: 1.2em;
}
form
{
	margin: 0px;
	padding: 0px;
}
label
{
	display: block;
	float: left;
	padding: 2px 15px 2px 3px;
	width: 130px;
	margin-bottom: 5px;
}
label.required
{
	background: url('../img/required.gif') no-repeat top right;
}
input[type="text"]
{
	float: left;
	padding: 1px 2px;
	border: 1px solid #ba9;
	width: 170px;
	margin-bottom: 7px;
	color: #000;
}
textarea
{
	float: left;
	padding: 1px 2px;
	border: 1px solid #ba9;
	width: 170px;
	height: 70px;
	margin-bottom: 7px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}
input[type="submit"]
{
	float: left;
	margin-left: 148px;
	text-align: center;
	width: 100px;
	height: 22px;
	padding-bottom: 2px;
	color: #fff;
	background: url('../img/button.gif') no-repeat;
	border: none;
}
form
{
	float: left;
	margin-bottom: 20px;
}
form br
{
	clear: left;
}

/*----------------------------------------------------------------------------------------
- LayOut
----------------------------------------------------------------------------------------*/
.centerContainer
{
	width: 770px;
	margin: 0px auto;
	min-height: 100%;
	background: url('../img/bgPage.gif') repeat-y;
}
	.page
	{
		position: relative;
		min-height: 100%;
	}
	.header
	{
		position: relative;
		float: left;
		width: 770px;
		height: 116px;
		background: url('../img/bgBody.gif') repeat-x;
	}
		.columns
		{
			float: left;
			width: 753px;
			padding: 14px 3px 95px 14px;
			background: url('../img/bgTop.gif') no-repeat;
		}
			.leftColumn
			{
				float: left;
				margin-right: 11px;
				width: 491px;
			}
			.rightColumn
			{
				float: left;
				margin-right: 11px;
				width: 240px;
			}
	.clearer
	{
		clear: both;
		font-size: 0px;
		height: 0px;
	}
.footer
{
	position: relative;
	float: left;
	width: 100%;
	height: 59px;
	margin-top: -59px;
	background: #6e5e51;
}
	.footerContent
	{
		position: relative;
		width: 770px;
		height: 59px;
		margin: 0px auto;
		background: url('../img/bgFooter.gif') no-repeat;
	}
		.visual
		{
			position: absolute;
			z-index: 2;
			width: 170px;
			height: 250px;
			left: -110px;
			top: -191px;
			background: url('../img/womanStanding.png') no-repeat;
		}
		.tickerContainer
		{
			position: absolute;
			z-index: 1;
			left: 14px;
			top: -34px;
		}
			#ticker
			{
				width: 491px;
				height: 34px;
			}


/*----------------------------------------------------------------------------------------
- Components
-- Generic
----------------------------------------------------------------------------------------*/
.intro
{
	font-weight: bold;
}
.highLight
{
	font-weight: bold;
	color: #811;
}
.subTitle
{
	color: #ba9;
}
.readMore
{
	text-align: right;
	padding: 0px 3px;
}
	.contentBlockImage .readMore
	{
		text-align: left;
	}
.afterBanner
{
	position: relative;
	margin-top: -47px;
}
.afterBanner2
{
	position: relative;
	margin-top: -20px;
}
.textLabel
{
	display: inline-block;
	width: 150px;
	color: #999;
}
.vanish
{
	display: none;
}

	
/*----------------------------------------------------------------------------------------
- Components
-- Header
----------------------------------------------------------------------------------------*/
.header a.logo
{
	float: left;
	margin-top: 1px;
}
	.header a.logo img
	{
		border: none;
	}




/*----------------------------------------------------------------------------------------
- Components
-- Menu
----------------------------------------------------------------------------------------*/
ul.menu
{
	float: right;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.menu li
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px 7px 0px 6px;
	background: url('../img/menuPipe.gif') no-repeat right center;
}
ul.menu li.last
{
	background: none;
	padding-right: 3px;
}
ul.menu li a,
ul.menu li a.current
{
	float: left;
	display: inline-block;
	margin: 0px;
	padding: 8px 0px;
	color: #ec9;
	text-decoration: none;
	background: url('../img/menuBG.gif') no-repeat bottom left;
}
	ul.menu li a:hover,
	ul.menu li a.current,
	ul.menu li a.current:hover
	{
		color: #fed;
		text-decoration: none;
		background: url('../img/menuBG.gif') no-repeat bottom right;
	}
	ul.menu li a.current:hover
	{
		cursor: default;
	}



/*----------------------------------------------------------------------------------------
- Components
-- Banner
----------------------------------------------------------------------------------------*/
.banner
{
	float: left;
	width: 491px;
	height: 260px;
}
.banner a img
{
	border: none;
}

/*----------------------------------------------------------------------------------------
- Components
-- Content Block
----------------------------------------------------------------------------------------*/
.contentBlock
{
	float: left;
	margin-bottom: 10px;
	width: 491px;
}
	.contentBlockColumns
	{
		float: left;
	}
		.contentBlockImage
		{
			float: left;
			width: 150px;
		}
		.contentBlockText
		{
			float: left;
			width: 341px;
		}
			.contentBlockText img
			{
				float: left;
				width: 100px;
				height: 100px;
				border: 1px solid #ddd;
				margin: 0px 0px 10px 10px;
			}

/*----------------------------------------------------------------------------------------
- Components
-- Nieuws
----------------------------------------------------------------------------------------*/
.nieuws
{
	float: left;
	margin-bottom: 10px;
	width: 491px;
}
	.nieuwsColumns
	{
		float: left;
	}
		.nieuwsImage
		{
			float: left;
			width: 150px;
		}
		.nieuwsText
		{
			float: left;
			width: 341px;
			border-bottom: 1px solid #f5f3f0;
		}
/*----------------------------------------------------------------------------------------
- Components
-- Agenda (JQuery)
--- Generic (No adjustments needed here)
----------------------------------------------------------------------------------------*/
.accessible_news_slider img
{
	border: 0;
}
.accessible_news_slider li,
.accessible_news_slider p
{
	font-family: "Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.6;
}
.accessible_news_slider li p
{
	font-size: 1em;
}
.accessible_news_slider
{
	position: relative;
	overflow: hidden;
}
.accessible_news_slider .javascript_css
{
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #fffcd3;
}
.accessible_news_slider .skip_to_news
{
	position: absolute;
	top: 0;
	left: -9999px;
}
.accessible_news_slider .back
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.accessible_news_slider .back a,
.accessible_news_slider .next a
{
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}
.accessible_news_slider .next
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.accessible_news_slider ul
{
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
.accessible_news_slider li
{
	float: left;
	display: inline;
	width: 300px;
}



/*----------------------------------------------------------------------------------------
- Components
-- Agenda (JQuery)
--- Specific (Skin specific styling)
----------------------------------------------------------------------------------------*/
.agenda
{
	float: left;
	width: 240px;
	margin-bottom: 10px;
}
	.agenda .back
	{
		/*left: 193px;*/
		left: 208px;
		top: 23px;
	}
		.agenda .back a
		{
			position: absolute;
			width: 13px;
			height: 13px;
			text-indent: -10000px;
			overflow: hidden;
			background: url('../img/agendaPrevious.gif') no-repeat 0px 0px;
		}
			.agenda .back a:hover
			{
				background-position: 0px -13px;
			}
	.agenda .next
	{
		/*left: 208px;*/
		left: 223px;
		top: 23px;
	}
		.agenda .next a
		{
			position: absolute;
			width: 13px;
			height: 13px;
			text-indent: -10000px;
			overflow: hidden;
			background: url('../img/agendaNext.gif') no-repeat 0px 0px;
		}
			.agenda .next a:hover
			{
				background-position: 0px -13px;
			}
.agenda .view_all
{
	display: none;
}
/*
.agenda .view_all a.expand
{
	position: absolute;
	left: 223px;
	top: 23px;
	width: 13px;
	height: 13px;
	text-indent: -10000px;
	overflow: hidden;
	background: url('../img/agendaExpand.gif') no-repeat 0px 0px;
}
.agenda .view_all a.expand:hover
{
	background-position: 0px -13px;
}
*/
.agenda li
{
	width: 240px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	min-height: 133px;
	border-bottom: 1px solid #f5f3f0;
	background: none;
}
	.agenda li div.date
	{
		float: left;
		width: 54px;
		height: 65px;
		background: url('../img/bgDate.gif') no-repeat 4px 0px;
	}
		.agenda li div.date span.dayName
		{
			float: left;
			display: block;
			width: 41px;
			margin: 5px 9px 8px 4px;
			font: 18px "Times New Roman", Times, serif;
			color: #ba9;
			text-align: center;
			font-weight: bold;
			text-transform: uppercase;
		}
		.agenda li div.date span.dateNumber
		{
			float: left;
			display: block;
			margin-left: 10px;
			font-size: 13px;
			color: #530;
			text-align: center;
		}
		.agenda li div.date span.dateMonth
		{
			float: left;
			display: block;
			font-size: 13px;
			color: #f60;
			text-align: center;
		}
	.agenda li div.agendaContent
	{
		float: left;
		width: 185px;
	}
		.agenda li div.agendaContent h3
		{
			margin: 3px 0px 0px 0px;
			font-size: 1.7em;
			line-height: 1.1em;
		}
		.agenda li div.agendaContent p
		{
			font-size: 1.2em;
			line-height: 1.4em;
			margin: 6px auto 0px auto;
		}
			.agenda li div.agendaContent p.subTitle
			{
				margin: 0px;
			}



/*----------------------------------------------------------------------------------------
- Components
-- Testimonails
----------------------------------------------------------------------------------------*/
.testimonials
{
	float: left;
	width: 240px;
	min-height: 360px;
	margin-top: 1px;
	/*background: url('../img/bgTestimonial.gif') no-repeat right;*/
	background: url('../img/bgTestimonialALT.gif') no-repeat right;
}
	#testimonialImage
	{
		padding-top: 1px;
	}
	#testimonialName
	{
		color: #530;
		font-size: 1.3em;
		padding: 10px 0px 0px 10px;
	}
	#testimonialTitle
	{
		color: #811;
		font-size: 1.0em;
		padding-left: 10px;
	}
	#testimonialCity
	{
		color: #ba9;
		font-size: 0.9em;
		padding-left: 10px;
	}
	.testimonialTextContainer
	{
		padding: 10px 5px 0px 10px;
	}


/*----------------------------------------------------------------------------------------
- Components
-- Footer
----------------------------------------------------------------------------------------*/
span.copyRight
{
	float: left;
	color: #ccc2b5;
	margin: 20px 0px 0px 40px;
}
ul.footerLinks
{
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.footerLinks li
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px 7px 0px 6px;
	background: url('../img/footerLinkPipe.gif') no-repeat right center;
}
ul.footerLinks li.last
{
	background: none;
}
ul.footerLinks li a
{
	float: left;
	display: inline-block;
	margin: 0px;
	color: #ec9;
	text-decoration: none;
}
ul.footerLinks li a:hover
{
	color: #fed;
}