PopupContent*
{
	margin: 0;
	padding: 0;
}

html, body, form
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	font-family: Verdana, Tahoma, Sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #fff;
	margin: 0;
	padding: 0;
}
body.page
{
	background: #fff url(Images/PurpleSide.gif) repeat-y center;
}

a img
{
	border: none;
}

a
{
	color: #560176;
	text-decoration: none;
}

hr
{
	color:#560176;
}


h1
{
	height: 35px;
	margin-bottom: 2px;
	font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
	font-size: 2.4em;
	font-weight: bold;
	color: #560176;
}

h2
{
	margin-bottom: 5px;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 1.4em;
	font-weight: bold;
}

h2.news
{
	height: 23px;
	margin-bottom: 1px;
	padding: 4px 0 3px 10px;
	width: 440px;
	float: left;
	display: inline;
	font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
	font-size: 1.8em;
	color: #fff;
	background-color: #63a2cb;
}
	h2.newsDetail
	{
		height: 23px;
		margin-bottom: 1px;
		padding: 4px 0 3px 10px;
		width: 655px;
		float: left;
		display: inline;
		font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
		font-size: 1.8em;
		color: #fff;
		background-color: #63a2cb;
	}

h3
{
	height: 23px;
	font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}
	#Left h3
	{
		margin: 5px 0 2px;
	}
	
	#Right h3
	{
		margin: 5px 0 4px;
	}
h4
{
	font-size: 1.1em;
}
	
p
{
	padding: 0 0 1em;
}

h5
{
	color: #560176;
	font-size: 1.1em;
	padding-left:15px;
}
#ContentWrapper
{
	font-size: 1.1em;
}
#ContentWrapper p
{
	font-size: 1.0em;
	line-height: 1.6em;
}

#ContentWrapper ul, #ContentWrapper ol
{
	margin: 0 0 1.6em .5em;
	font-size: 1.0em;
	list-style-position: outside;
}
	#ContentWrapper ul li, #ContentWrapper ol li
	{
		margin-bottom: 0.3em;
		line-height: 1.6em;
	}

#ContentWrapper h1.Prijsvraag
{
	height: 55px;
	margin-bottom: 2px;
	font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
	font-size: 2.8em;
	font-weight: bold;
	color: #560176;
}

/** Main Divs **/

#Header
{
}

#BackWrapper
{
	width: 100%;
	height:100%;
	background: url(Images/HeaderRepeater.gif) repeat-x;
}
	#Wrapper
	{
		position: relative;
		margin: 0 auto;
		display: block;
		width: 900px;
	}
		#Left
		{
			width: 210px;
			float: left;
			display: block;
		}
			#Quote
			{
				position: relative;
				padding: 0 0 12px;
				display: block;
				height: 305px;
				
			}
			#Spotlight
			{
				padding: 0 0 0 25px;
				width: 185px;
			}
			#Agenda
			{
				margin: 21px 0 0;
				padding: 0 0 0 25px;
				width: 185px;
			}
			#Banners
			{
				margin: 21px 0 0;
				padding: 0 0 0 25px;
				width: 185px;
			}
		#Right
		{
			width: 690px;
			float: left;
			display: inline;
		}
		
			#HeaderImage
			{
				width: 480px;
				height: 270px;
				float: left;
				display: inline;
			}
			#Map
			{
				margin: 7px 0 0 17px;
				width: 193px;
				height: 208px;
				float: left;
				display: inline;
			}
			
			#NewsLetter
			{
				margin: 0;
				padding: 0 10px;
				width: 190px;
				height: 55px;
				float: left;
				display: inline;
				position: relative;
			}
						
			
		#Menu
		{
			position: relative;
			width: 690px;
			height: 40px;
			float: left;
			display: inline;
			z-index: 2000;
		}
		
		#ContentWrapper
		{
			padding: 20px 0 20px 25px;
			width: 675px;
			float: left;
			display: inline;
		}
		
		#ContentWrapperTalent
		{
			padding: 20px 0 20px 25px;
			width: 845px;
			float: left;
			display: inline;
		}
	#Footer
	{
		width: 691px;
		font-size: 1.1em;
		margin: 0 0 20px 0;
		color: #666;
		float:left;
	}
	
	#ContentWrapperTop
	{
		width:600px;
		float: left;
		display: inline;
	}
	
	#ContentWrapperBottom
	{
		float: left;
		float: left;
		display: inline;
	}

/** Menu **/
#Menu ul
{
	margin: 0 0 0 15px;
	padding:0px;
	list-style: none;
}
	#Menu ul li
	{
		position: relative;
		margin: 0 0 0 10px;
		float: left;
		display: inline;
	}
		#Menu ul li a
		{
			padding: 11px 10px 0;
			height: 24px;
			float: left;
			display: block;
			font-size: 1.1em;
			color: #fff;
			text-decoration: none;
		}
			
			#Menu ul li a:hover, #Menu ul li a:focus, #Menu ul li a.selected
			{
				background-color: #560176;
			}
				.menuHover
				{
					position: absolute;
					width: 100%;
					top: 35px;
					left: 0px;
					display: none;
				}
					.menuHover img
					{
						height: 5px;
					}
					
		#Menu ul li ul
		{
			position: absolute;
			margin: 0;
			top: 34px;
			left: 0px;
			display: none;
		}
		
		
			#Menu ul li ul li
			{
				margin: 0px;
				display: block;
			}
				#Menu ul li ul li a
				{
					width: 160px;
					height: 30px;
					display: block;
					background-color: #63a2cb;
				}

/** Input **/
input, textarea
{
	font-family: Verdana, Tahoma, Sans-serif;
}

input.NewsLetterInput
{
	padding: 5px 6px 0;
	width: 155px;
	height: 17px;
	font-size: 1.1em;
	color: #333;
	border-width: 0;
	border-bottom: solid 1px #560176;
	background-color: #fff;
}

	.waterMark
	{
		padding: 5px 6px 0;
		width: 155px;
		height: 17px;
		font-size: 1.1em;
		font-style: italic;
		color: #999;
		border-width: 0;
		border-bottom: solid 1px #560176;
		background-color: #fff;
	}

/** Classes **/
.share{position:absolute;top:315px;right:8px;}
.tell{margin:0 5px 0 0;float:left;line-height:16px;color:#999;}
.addthis_toolbox{float:left;}
img.logo
{
	position: absolute;
	top: 20px;
	left: 170px;
	z-index: 200;
}

#flashQuote
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

.moveOverFlash
{
	position: absolute;
	top: 317px;
	left: 0;
	z-index: 200;
}

.student
{
	margin: 0 0 5px;
	padding: 10px 0 0 9px;
	width: 176px;
	height: 45px;
	font-size: 1.1em;
	background-color: #fff;
	cursor: pointer;
}
	.student h4
	{
		margin: 0 0 2px 0;
		font-size: 11px;
	}
	
	.student img
	{
		margin-top: -10px;
		float: right;
		display:inline;
	}
	
.event
{
	margin: 0 0 5px;
	padding: 0 0 0 9px;
	width: 176px;
	height: 50px;
	font-size: 1.0em;
	background-color: #fff;
	cursor: pointer;
	vertical-align:middle;
}

.EventName
{
	height:100%;
	vertical-align:middle;
}
	.event .date
	{
		margin: 0 0 0 10px;
		padding-top: 9px;
		width: 50px;
		height: 41px;
		float: right;
		font-family: Verdana, Tahoma, Sans-serif;
		font-weight: bold;
		color: #fff;
		text-align: center;
		background-color: #63a2cb;
		display:inline;
	}
		.event .date span
		{
			height: 20px;
			margin-bottom: -5px;
			font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
			font-size: 18px;
			font-weight: normal;
			display: block;
		}
	
.actionLink
{
	padding: 0 0 0 8px;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: url(Images/ActionLinkArrow.gif) no-repeat 0 5px;
}

	.actionLink:hover, .actionLink:focus
	{
		color: #63a2cb;
	}

#Banners a
{
	display: block;
	margin: 0 0 0 0;
}
#Banners img
{
	margin: 0 0 5px 0;
}

.introText
{
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	line-height: 1.6em;
}

.homeLeft
{
	margin: 35px 25px 0 0;
	width: 450px;
	float: left;
	display: inline;
}

.homeRight
{
	margin: 50px 0 0 0;
	width: 190px;
	float: left;
	display: inline;
}

table.news
{
	width: 450px;
	border-top: 1px solid #e8e8e8;
	float: left;
}

table.newsDetail
{
	width: 665px;
	border-top: 1px solid #e8e8e8;
}

	table.news td, table.newsDetail td
	{
		padding: 6px 0 8px;
		font-size: 1.0em;
		border-bottom: 1px solid #e8e8e8;
		cursor: pointer;
	}
	
	table.news .date, table.newsDetail .date
	{
		padding-left: 10px;
		width: 74px;
		color: #999;
	}
	
	table.news a
	{
		color: #333;
		display: block;
		text-decoration: none;
		background: url(Images/ArrowPurple.gif) no-repeat 356px 4px;
	}
	table.newsDetail a
	{
		color: #333;
		display: block;
		text-decoration: none;
		background: url(Images/ArrowPurple.gif) no-repeat 571px 4px;
	}
	.news a:hover, .news a:focus, .newsDetail a:hover, .newsDetail a:focus
		{
			color: #63a2cb;
		}

table.overview
{
	width: 665px;
	border-top: 1px solid #e8e8e8;
}
table.overview > thead > tr
{
	background-color:#560176;
	height: 34px;
	font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
	font-size: 20px;
	color:#FFF;
}
	table.overview > thead > tr > th
	{
		padding: 6px 0 8px;
		font-size: 1.1em;
		border-bottom: 1px solid #e8e8e8;
		text-align: left;
	}
	table.overview > thead > tr > th:first-child
	{
		padding-left: 10px;
	}
	table.overview > tbody > tr > td
	{
		padding: 6px 0 8px;
		font-size: 1.1em;
		border-bottom: 1px solid #e8e8e8;
	}
	table.overview > tbody > tr > td:first-child
	{
		padding-left: 10px;
	}
/**Contact pagina**/


#TableContactForm
{
	padding: 50px 0 0;
}

	.formHeader
	{
		font-size: 1.1em;
		font-weight: bold;
		padding: 6px 10px 0 0;
	}
	
	
.ButtonSubmit
{
	width: 100px;	
	height: 30px;
	font-family: Verdana, Tahoma, Sans-Serif;	
	border: 0;	
	background-color: #560176;
	color: #FFF;	
	overflow: hidden;
	cursor: pointer;
	}
	
.inputBasic
{	
	margin: 0 5px 5px 0;
	font-size: 1.1em;
	padding: 5px 6px 0;
	color: #333;	
	width: 244px;
	height: 17px;
	border-top: solid 1px #560176;
	border-left: solid 1px #560176;
	border-bottom: solid 1px #a16fba;
	border-right: solid 1px #a16fba;
}

.inputBasicWatermark
{	
	margin: 0 5px 5px 0;
	font-size: 1.1em;
	padding: 5px 6px 0;
	color: #999;	
	width: 244px;
	font-style: italic;
	height: 17px;
	border-top: solid 1px #560176;
	border-left: solid 1px #560176;
	border-bottom: solid 1px #a16fba;
	border-right: solid 1px #a16fba;
}

.textFieldBasic
{
	margin: 0 5px 5px 0;
	height: 140px;
	width: 344px;
	font-size: 1.1em;
	padding: 5px 6px 0;
	color: #333;	
	border-top: solid 1px #560176;
	border-left: solid 1px #560176;
	border-bottom: solid 1px #a16fba;
	border-right: solid 1px #a16fba;
}

.textFieldBasicWatermark
{
	margin: 0 5px 5px 0;
	height: 140px;
	width: 344px;
	font-size: 1.1em;
	padding: 5px 6px 0;
	color: #999;	
	font-style: italic;
	border-top: solid 1px #560176;
	border-left: solid 1px #560176;
	border-bottom: solid 1px #a16fba;
	border-right: solid 1px #a16fba;
}
	
.ContactInformation
{
	font-family: Verdana, Tahoma, Sans-Serif;
	color: #333;
	font-size: 1.1em;
}

#ContainerNoordHolland
{
	float:left;
}

#ContainerMapContact
{
	float:left;
}

/**Talent Pagina**/

.TalentContainer
{
	width:409px;
	margin: 30px 13px 10px 0;
	display: inline;
	float: left;
}

.TalentBox
{
	height:130px;
	margin: 0 0 0px 0;
	width:409px;
	display: inline;
	float: left;
	background: #63a2cb url(Images/ProfileBg.jpg) no-repeat;
}

.TalentPhoto
{
	padding:15px;
	float:left;
	display:inline;
}

	.TalentPhoto table td
	{
		padding: 0 10px 0 0;
	}

.TalentInfo
{
	width:480px;
	padding: 15px 15px 15px 0px;
	float:left;
	display:inline;
}
	.TalentInfo p
	{
		padding-bottom: 0;
	}
	
	.ProfileButton
	{
		width: 124px;
		height: 28px;
		margin: 15px 0 0 0;
		padding: 4px 0 0 0;
		font-size:15px;
		float: right;
		text-align: center;
		display: block;
		cursor: pointer;
		background: url(Images/ProfileButton.png) no-repeat;
	}
	
	.ProfileButton:hover
	{
		color: #FFF;
		background: url(Images/ProfileButtonHover.png) no-repeat;
	}

.TalentName
{
	font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
	color: #FFF;
	margin: 10px 0 0 0;
	font-size:16px;
}

.ExternalButtons
{
	width: 100px;	
	height: 30px;
	font-family: Verdana, Tahoma, Sans-Serif;	
	border: 0;	
	background-color:#560176;
	color: #FFF;	
	overflow: hidden;
	cursor: pointer; 	
	cursor: hand;
	float:left;
	display: inline;
	margin: 0px 10px 0px 0px;
	text-align:center;
	padding-top: 5px;
	text-decoration:none;
	}

/**Nieuwspagina**/	

#newsLeft
{
	margin: 35px 25px 0 0;
	display:inline;
	width:600px;
}

.date
	{
		width: 74px;
		color: #999;
	}
	
/**Agendapagina**/

.agendaDate
	{
		color: #999;
		padding: 0px 0px 0px 10px;
	}

#agendaTable
{
	width:665px;
}

	#agendaTable td
	{
		border-bottom: solid 1px #e8e8e8;
	}
	
	#agendaTable a
	{
		text-decoration:none;
		color:#000;
	}
	
		#agendaTable a:hover
	{
		text-decoration:none;
		color:#63a2cb;
	}

.agendaHeader
{
	background-color:#560176;
	height: 34px;
	font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
	font-size: 20px;
	color:#FFF;
	margin: 3px 0 0 10px;
}

.agendaDetail
{
	padding: 0px 0px 0px 10px;
}
.agendaItem
{
	padding: 0px 0px 0px 10px;
	height:25px;
}

/**Agenda-Detail pagina**/

#EventDetailContainer
{
	width: 665px;
}

.EventDetailHeader
{
	width:655px;
	height:30px;
	background-color:#63A2CB;
	padding: 4px 0px 0px 10px;
}

#EventDescription
{
	margin: 15px 0 15px 0;
}
	#EventDescription td
	{
		padding: 5px 10px 0 0;
		font-size: 1.1em;
	}

#EventDescription td p
{
	padding-top:20px;
}

#EventRegistration
{
	margin-top:20px;
	width:655px;
	float: left;
}

.EventRegistrationTextBox
{
	padding-left:5px;
	margin-left:20px;
	color: #8F8F8F;	
	font-style:italic;
	padding-left: 5px;
}

#Footer ul
{
	list-style: none;
}
	#Footer ul li
	{
		margin: 0 0 0 10px;
		float: left;
		display:inline;
	}
		#Footer ul li a
		{
			margin: 0;
			color: #333;
			float: left;
			text-decoration: none;
		}
			#Footer ul li a:hover, #Footer ul li a:focus
			{
				color: #63a2cb;
			}
			
.siteMap ul
{
	margin: 0 0 0 10px;
	font-size: 11px;
}
	.siteMap ul li
	{
		margin: 0 0 0 10px;
		padding-top: 5px;
		font-size: 11px;
	}
		.siteMap ul li a
		{
			color: #333;
			text-decoration: none;
		}
			.siteMap ul li a:hover, .siteMap ul li a:focus
			{
				color: #63a2cb;
			}
		.siteMap ul li ul
		{
			margin: 0 0 0 10px;
		}
		
.mandatory
{
	color: #CC0000;
}

#Friesland, #Groningen, #Twente, #Lelystad, #Gelderland, #Overijsel, #Liemers, #Dordrecht, #ZuidHolland, #Brabant, #NoordHolland, #Utrecht
{
	display:none;
	float:left;
	margin: 0 0 0 10px;
}


#PopupContent
{
	width: 445px;
	height: 320px;
	border: 2px solid #560176;
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 150px 0 0 -480px;
	z-index: 5001;
	background: #FFF url(Images/LogoTalentClub.gif) no-repeat top right;
	display: none;
}

	.CloseButton
	{
		width:70px;
		height:20px;
		position:relative;
		float:right;
		margin:10px;
		cursor:pointer;
	}
	
			.CloseButton a
			{
				color:#000;
			}
			
				.CloseButton a:hover
				{
					cursor:pointer;
				}

#PopupBg
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 5000;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none;
}

.MailMeTextfield
{
	width: 200px;
	border: 1px solid #560176;	
}

.MailMeTextBox
{
	width: 300px;
	height: 70px;
	border: 1px solid #560176;		
}

.MailMeTable
{
	margin: 0 0 0 20px;
	color: #560176;	
}

.MailMeTable td
{
	padding: 0 10px 10px 0;
}

.MailMeButtonHolder
{
	width: 375px;
	height: 30px;
	float: left;
	padding: 5px 0 0 84px;
}

.MailMeButtonHolder a
{
	width: 60px;
	height: 16px;
	color: #FFF;
	text-align: center;
	padding:4px 0 0 0;
	background-color: #560176;
	float: left;
}

.MailMeButtonHolder a:hover
{
	color: #63a2cb;
}

.MailMeForm
{
	font-size: 10px;
	text-decoration:none;
	color: #999999;
	font-style: italic;
	padding: 0 0 0 5px;
	width:160px;
}

.MailMeFormBox
{
	font-size: 10px;
	text-decoration:none;
	color: #999999;
	font-style: italic;
	padding: 0 0 0 5px;
	width:240px;
	height:150px;
}
a.SendMail
{
	width: 60px;
	height: 16px;
	color: #FFF;
	text-align: center;
	padding:4px 0 0 0;
	background-color: #560176;
	float: right;
}

#FooterContainer
{
	margin: auto;
	width:665px;
}

/*********************************************

MAILING

*********************************************/

.MailingTable
{
	width:600px;
	height:auto;
}

.MailingHeader
{
	color: #FFF;
	height:30px;
	background-color: #63a2cb;
}


/*********************************************

Employees

*********************************************/


/*********************************************

Employees

*********************************************/


.EmployeeContent
{
	width: 655px;
	height: 519px;
	padding: 0;
}

.ProfileBlock
{
	float: left;
	margin: 0 5px 10px 0;
}

	.EmployeesTop
	{
		width: 322px;
		height: 7px;
		background: url(Images/EmployeesTop_image.jpg) no-repeat;
	}
	
	.EmployeesBlock
	{
		width: 313px;
		min-height: 104px;
		padding: 0 0 0 7px;
		border: 1px solid #560176;
		background-color: #63a2cb;
	}

	.EmployeesBlock p
	{
		line-height: normal !important;
	}

	
		.EmployeesInfo
		{
			width: 308px;
			height: 93px;
			padding: 10px 0 0 0;
			float: left;
			border-bottom: 1px solid #4786af;
		}
		
		.EmployeesInfo p
		{
			font-size: 11px;
			color: #FFF;
			margin: 0 0 4px 0;
			padding: 0
		}
		
		.EmployeesInfo table td
		{
			padding: 0 7px 0 0;
		}
		
		.EmployeesCv
		{
			width: 308px;
			height: 88px;
			padding: 4px 0 0 0;
			margin: 0;
			float: left;
			border-top: 1px solid #90c5e7;
		}
		
		.EmployeesCv p
		{
			font-size: 11px;
			color: #560176;
			margin: 0;
			padding: 0
		}
		
		.Picture
		{
			margin: 0;
			padding: 0;display:none;
		}
		
		.ImageHolder
		{
			width: 83px;
			height: 85px;
			float: left;
		}
		
		.ImageHolder img
		{
			width: 83px;
			height: 85px;
			float: left;
			border: 1px solid #560176;
		}
	
	.EmployeesBottom
	{
		width: 322px;
		height: 7px;
		background: url(Images/EmployeesBottom_image.jpg) no-repeat;
	}


#PopUp
{
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	margin-left: -247px;
	margin-top: -105px;	
	z-index: 999;
}

	.PopUpTop
	{
		background: #560176;
		color: #fff;
		width: 464px;
		height: auto;
		border: 2px solid #dab95c;
		padding: 15px;
	}
		.PopUpTitle
		{
			font-size: 18px;
			color: #fff;
			display: block;
			margin-bottom: 10px;
			font-family: Rockwell, Verdana, Tahoma, Sans-Serif;
		}

#ContentWrapper img {float:left;display:inline;margin:0 20px 20px 0;}