/*************************************************************************************************/
/* Author:			VINCIS / Roberto De Vivo	                                              	 */
/* Description:		Stylesheet for template 1 (home)	                                         */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					12px 0 0 0;
		
		color:					#000;
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				.7em;
		line-height:			140%;
		
		background-color:		#FFF;
	}
	
	img 
	{
		margin:					0;
		padding:				0;
		
		border: 				none;
	}
	
	form
	{
		padding:				0;
		margin:					0;
	}
	
	a 
	{		
		font-weight:			bold;				
		text-decoration:		none;
		
		color:					#842E93;
	}
	
	a:hover 
	{
		text-decoration:		underline;
		
		color:					#AE83BB;
	}
	
	h2 
	{
		margin:					0 0 13px 0;
		padding:				0;
		
		color:					#000000;
		font-size:				1.1em;
		line-height:			100%;
	}
	
	h3 
	{
		margin:					0 0 1px 0;
		padding:				0;
		
		color:					#000;
		font-size:				1em;
		line-height:			100%;
	}
	
	address
	{
		font-style:				normal;
	}
	
	
	/*********************************************************************************************/
	/* Classes (general)                                                              			 */
	/*********************************************************************************************/	
	.containerInvisible
	{
		/*display:				none;*/
		position:				absolute;
		left:					0px;
		top:					-500px;
		width:					1px;
		height:					1px;
		overflow:				hidden;
	}
	
	.inputText
	{		
		width:					202px;
		height:					12px;
		padding:				2px 4px 0px 8px;
		margin:					0 8px 0 8px;
		
		font-family: 			Tahoma, Verdana;
		font-size:				7pt;
		color:					#8C3E9B;
		
		border:					solid 1px #898989;		
	}
	
	.floatLeft
	{
		float:					left;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	.greyLink
	{	
		font-weight:			normal;
		
		color:					#949494;		
	}
	
	.moduleSelect
	{
		float:					left;
		font-family:			Tahoma;
		font-weight:			bold;
		font-size:				0.9em;				
		text-decoration:		none;
		
		color:					#802891;
	}

	.moduleSelect a
	{
		color:					#842E93;
	}	
	
	.moduleChoices 
	{
		font-size:				.8em;
		font-weight:			bold;
		color:					#80777E;
	}

	.moduleChoices a
	{
		color:					#80777E;
	}
	
	/*********************************************************************************************/
	/* Classes (used for cleanHTML, clean_html.xsl)                                              */
	/*********************************************************************************************/
	table.border1, table.border2, table.border3
	{
		border-top:				1px solid #CCCCCC;
		border-right:			1px solid #CCCCCC;
	}
	
	table.border1
	{
		border-width:			1px;
	}
	
	table.border2
	{
		border-width:			2px;
	}
	
	table.border3
	{
		border-width:			3px;
	}
	
	td.border1, td.border2, td.border3
	{
		border-bottom:			1px solid #CCCCCC;
		border-left:			1px solid #CCCCCC;
	}
	
	td.border1
	{
		border-width:			1px;
	}
	
	td.border2
	{
		border-width:			2px;
	}
	
	td.border3
	{
		border-width:			3px;
	}

	.ial
	{
		float:					left;
	}
	
	.iar
	{
		float:					right;
	}
	
	.highlight
	{
		background-color:		#AE83BB;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (shortcuts, menu & doormats)                                         */
	/*********************************************************************************************/
	#containerPrintHeader
	{
		display:				none;
	}
	
	#containerTotal 
	{
		position: 				relative;
				
		width: 					995px;
		height:					100%;
						
		padding:				0;
		margin:					0px auto;		
	}		
	
	#containerSearchTop
	{
		float:					left;
		
		height:					22px;
		width:					398px;
		padding:				3px 0px 0px 11px;
		
		background-color:		#fff;
	}
	
		.searchQuestion
		{
			float:					left;
		
			color:					#FFFFFF;
			font-size:				0.8em;
			font-weight:			700;
		}
		
		.searchQuestion ul
		{
			padding:				0;
			margin:					0;
		}
		
		.searchQuestion ul li
		{
			position:		relative;
			float:			left;
			
			list-style:		none;
		}
		
		.searchQuestion ul li a
		{
			color:		#FFF;
		}
	
	#containerShortCutsTop
	{	
		position: 				relative;
		float:					left;
		width: 					586px;
		height:					25px;
				
		padding:				0;
		margin:					0;
		
		background-color:		#FFFFFF;
		
		color:					#842D93;	
	}
	*>#containerShortCutsTop
	{
		min-height:				25px;
		height:					auto;
	}
	
	#containerShortCutsTopLeft
	{
		float:					left;
		
		padding:				0px 0px 0px 7px;
		margin:					6px 0px 0px 0px;
	}
	
		#containerShortCutsTop ul, #containerShortCutsTop li
		{	
			float:			left;
			margin:			0;
			padding:		0 0 0 4px;
			list-style:		none;
		}

	#containerShortCutsTopRight
	{
		float:					left;
			
		padding:				6px 6px 0px 0px;
		margin:					0;
	}
	
	#containerShortCutsTopRight a, #containerShortCutsTopLeft a, #containerShortCutsTopRight ul li a, #containerShortCutsTopLeft ul li a
	{
		font-family:			Tahoma;
		font-weight:			bold;
		font-size:				0.9em;				
		text-decoration:		none;
	}

		a.fontSize
		{
			color:					#C896CA;			
			font-family:			Tahoma;
			font-weight:			bold;
			font-size:				0.9em;				
			text-decoration:		none;
		}	
	
	
	#containerSearchField .inputText
	{
		width:					292px;
	}
	
	#containerSearchField .submitButton
	{
		height:					16px;
		width:					72px;
		margin:					0; 
		padding: 				0;
		
		color:					#842D93; 
		font-weight:			bold;
		font-family:			Tahoma;
		font-size:				0.9em;
		cursor:					pointer;
		
		background-image:		url('/sjablonen/1/images/general/bg_search_button.jpg');
		background-repeat:		repeat-x;
	
		border:					0px; 
	}
		
	#containerTop
	{
		width:					995px;
		height:					110px;
		
		background-image:		url('/sjablonen/1/images/general/header_background.jpg');
		background-repeat:		repeat-x;
		border-bottom:			solid 1px #FFFFFF;
	}
	
	*>#containerTop
	{
		min-height:				110px;
		height:					auto;
	}
	
	#containerAdres
	{
		float:					left;
					
		width:					390px;
		
		padding:				5px 0px 5px 11px;
		margin:					13px 0px 0px 0px;		
		
		font-size:				.85em;		
		line-height:			13px;
		
		color:					#FFFFFF;		
	}
	
	#containerAdres p
	{
		padding:				0;
		margin:					0;		
	}
	
	#containerAdres a
	{
		color:					#FFFFFF;	
	}
	
	#containerLogo
	{
		float:					right;
		cursor:					pointer;
			
		width:					150px;
		height:					66px;
		
		padding:				0;
		margin:					10px 4px 0px 6px;

		/*background-position:	0px 0px;		
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/logo.gif');		*/
	}
	
	*>#containerLogo
	{
		margin:					10px 8px 0px 12px;
	}
	
	#containerDoormats
	{	
		position:				relative;
		
		width:					995px;
		height:					137px;	
		
		background-color:		#FFFFFF;	
	}	
	
	.doormatsOverlay
	{
		position:				absolute;
		float:					left;
		
		left:					0px;
		
		height:					137px;
		width:					995px;

	/*	filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/doormat_overlay.png');*/
	
		background-repeat:		repeat-x;
		background-position:	0 0;		
		background-image: 		url('/sjablonen/1/images/general/doormat_overlay.gif');	
	}
	/*>.doormatsOverlay
	{
		background-image:		url('/sjablonen/1/images/general/doormat_overlay.png');		
		filter:					none;
	}*/
	
	.doormatItem
	{
		float:					left;
		cursor:					pointer;
		
		width:					165px;
		height:					125px;
		
		border-right:			solid 1px #FFFFFF;
	}
	
	.doormatItemBackground1 
	{
		background-image:		url('/sjablonen/1/images/doormats/doormat_1.jpg');
	}

	.doormatItemBackground2 
	{
		background-image:		url('/sjablonen/1/images/doormats/doormat_2.jpg');
	}
	
	.doormatItemBackground3 
	{
		background-image:		url('/sjablonen/1/images/doormats/doormat_3.jpg');
	}
	
	.doormatItemBackground4 
	{
		background-image:		url('/sjablonen/1/images/doormats/doormat_4.jpg');
	}
	
	.doormatItemBackground5 
	{
		background-image:		url('/sjablonen/1/images/doormats/doormat_5.jpg');
	}
	
	.doormatItemBackground6 
	{
		background-image:		url('/sjablonen/1/images/doormats/doormat_6.jpg');
	}	
	
	.doormatLastItem
	{
		border-right:			none;			
	}	
	
	/*********************************************************************************************/
	/* Containers & classes (news)                                                            	 */
	/*********************************************************************************************/
	
	#containerContent
	{
		float:					left;
		
		width:					737px;
		margin:					0;
		padding:				27px 0 0 0;
	}
	
	#containerNews
	{
		float:					left;
		
		width:					474px;
		height:					500px;
		margin:					0;
		padding:				0 0 0 13px;
	}
	*>#containerNews
	{
		min-height:				500px;
		height:					auto;
	}
	
		#containerNews p
		{
			padding:				0;
			margin:					0;
		}
	
		#containerNews h3
		{
			line-height:			140%;
		}
	
	#containerNewsSpotlight
	{
		width:					474px;
		height:					580px;
		margin:					0 0 23px 0;
	}
	
	.newsItem
	{
		float:					left;
		margin:					0px 0 32px 0;
		
	}
	
	.newsItemImage
	{
		float:					left;
		display:				inline;
		
		height:					215px;
		
		width:					224px;
		margin:					0 10px 0 0;
		padding:				0;
		overflow:				hidden;
		
	
	}
	
		.newsItemImage img 
		{
			padding:				0;
			margin:					0 0 10px 0;
		}
		
		.newsItemImage p
		{
			line-height:			14pt;
		}
	
	.newsItemBorder 
	{			
		padding:				0 0 0 11px;
		margin:					0;
		
		border-left:			solid 1px #B289BF;
	}
	

	
	.newsItemReadMore a
	{	
		font-family:			Tahoma;
		font-weight:			bold;
		font-size:				0.9em;				
		text-decoration:		none;
	}
	
	.newsItemReadMore a:hover
	{
		text-decoration:		underline;
	}
	
	
	#containerNewsList
	{
		float:					left;
		
		width:					472px;
		margin:					5px 0 0px 0;
		padding:				0;
		
		color: 					#464646;
	}
	
	#containerNewOnSite
	{
		float:					left;
		
		width:					472px;
		margin:					13px 0 13px 0px;
		padding:				0;
		
		color: 					#464646;
	}
	
	#containerNewsList ul, #containerNewOnSite ul
	{
		margin:					11px 0 8px 0;
		padding:				0;
		
		border-top:				solid 1px #B289bF;			
	}
	
	#containerNewsList ul li, #containerNewOnSite ul li
	{
		list-style:				none;
		
		padding:				8px 0px 0px 13px;
		margin:					0;	
		
		background-position:	0px 11px;		
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/bullet_news.gif');	
		
		line-height:			10pt;
	}
	
	#containerNewsList ul li a, #containerNewOnSite ul li a
	{
		font-weight:			bold;
		
		color:					#666;
	}
	
		#containerNewsList ul li a h3, #containerNewOnSite ul li a h3
		{
			margin:					0;
			padding:				0;
			
			color:					#000;
		}

	
	/*********************************************************************************************/
	/* Containers & classes (calendar)                                                         	 */
	/*********************************************************************************************/
	#containerCalendar
	{
		float:					right;
		
		height:					290px;
		width:					245px;
		margin:					0 0 18px 0;
		padding:				0px;
	}
	
		#containerRight #containerCalendar h2 
		{
			color:					#fff;
			padding:				13px;
			margin:					0;
			
			width:					219px;
			background-color:		#842d93;
			
		}
	
		#containerCalendar ul
		{		
			height:					35px;
			min-height:				35px;
			margin:					0;
			padding:				0;
			
			background-color:		#fbe9ff;
			border-top:				1px solid #fff;
		}
		*>#containerCalendar ul
		{
			height:					auto;
		}
	
			#containerCalendar ul li
			{	
				height:					35px;
				margin:					0;
				padding:				2px 0 0 13px;
				
				color:					#363535;
				list-style:				none;
				
				background-color: 		#fbe9ff;
				
				border-bottom:			1px solid #fff;
			}

				#containerCalendar ul li a
				{
					color:					#842e93;
					font-weight:			bold;
				}

	.calendarDate
	{
		font-family:			Tahoma;
		font-weight:			normal;
		font-size:				0.9em;				
		text-decoration:		none;
		color:					#8A8B8A;
	}

	.calendarSelect
	{
		background-color:		#eacef4;
		
		color:					#055644;
		
		height:					21px;
		width:					219px;
		padding:				6px 13px 1px 13px;
		margin:					0;
	}
	
	.calendarSelect a
	{
		font-family:			Verdana, Arial, Helvetica;
		font-weight:			bold;
		font-size:				1.1em;				
		text-decoration:		none;
		
		
		color:					#842e93;
	}
	
	/*********************************************************************************************/
	/* Containers & classes ( middle Lists)                                                   	 */
	/*********************************************************************************************/
	.middleLists
	{
		float:					right;
		
		width:					239px;
		margin:					0 0 10px 0;
		padding:				0 0 0 11px;
	}
	
		.middleLists h2 
		{
			padding:				0;
			margin:					0 0 13px 13px;
		}
		
		.middleLists ul
		{				
			height:					10px;
			min-height:				10px;
			margin:					11px 0 13px 0;
			padding:				0;
			
			background-color:		#E7F3F1;
		}
		*>.middleLists ul
		{
			height:					auto;
		}
		
			.middleLists ul li
			{
				padding:				7px 13px 7px 13px;
				margin:					0;
				
				list-style:				none;
				
				color:					#464646;
				border-bottom:			1px solid #fff;
			
			}
			
				.middleLists ul li a
				{
					font-weight:			bold;
					
					color:					#055644;		
				}
	
	
	/*********************************************************************************************/
	/* Containers & classes (projects)                                                   		 */
	/*********************************************************************************************/
	
	#containerProjects
	{
		float:					left;
		display:				inline;
		
		width:					472px;
		min-height:				160px;
		height:					160px;
		margin:					30px 0 0 0;
		padding:				0;
	}
	*>#containerProjects
	{
		height:					auto;
	}
	
		#containerProjects h2
		{
			border-bottom:				solid 1px #B289bF;
			margin-bottom:				0;
			padding-bottom:				15px;
		}
		
		#containerProjects object
		{
			margin-top:					5px;
		}
	
		#containerProjects ul
		{
			float:					left;
			
			height:					75px;
			min-height:				75px;
			width:					472px;
			padding:				0;
			margin:					0;
		}
		*>#containerProjects ul
		{
			height:					auto;
		}
		
			#containerProjects ul li
			{
				float:					left;
				
				padding:				7px 0 0 0;
				margin:					0;
				
				list-style:				none;
				
				color:					#000;
			}

				#containerProjects ul li a
				{
					color:					#000;
					font-weight:			bold;
				}
		
		
		#containerProjects img
		{
			padding:				0;
			margin:					5px 13px 0 0;
		}
	
	.projectItem
	{
		float:					left;
		height:					80px;
		width:					134px;
		margin:					0;
		padding:				0 13px 13px 0;
	}	
	
	#containerProjects p
	{
		padding:				0;
		margin:					0;
	}
	
		#containerProjects #getFlashMessage
		{
			clear:					both;
			
			margin:					10px 0;
			
			font-size:				0.9em;
			color:					#666;
			line-height:			1.4em;
		}
	
			#containerProjects #getFlashMessage .button
			{
				float:					left;
			}
			
				#containerProjects #getFlashMessage img
				{
					margin:						7px 10px 0 0;
				}
				
			#containerProjects #getFlashMessage .text a
			{
				font-weight:				normal;
			}
				
			
	
	
	/*********************************************************************************************/
	/* Containers & classes (banner left, my Nieuwegein & weather)                        		 */
	/*********************************************************************************************/
	#containerRight
	{
		float:					left;
		
		width:					245px;
		margin:					0 0 0 13px;
		padding:				27px 0 0 0;
	}
	
		#containerRight h2 
		{
			padding:				0;
			margin:					0px 0px 13px 13px;
		}
	
	#containerBanner
	{
		margin:					0;
		padding:				0;
		
		border-bottom:			solid 1px #FFF;
	}
	
		#containerBanner img
		{
			display:				block;
			
			margin:					0;
			padding:				0;
		}
	
	#containerBanner .bannerPointer 
	{
		cursor:					pointer;
	}
	
	#containerRightItems
	{
		height:					740px;
		background-color:		#B289BE;
	}
	
		.rightItem 
		{		
			padding:				13px 13px 13px 13px;
			margin:					0;
			
			color:					#FFFFFF;
			background-color:		#AE83BB;
			
			border-bottom:			solid 1px #FFFFFF;
		}
		
		.rightItem p
		{		
			padding:				0;
			margin:					0;	
		}
		
		.rightItem h3
		{
			color:					#FFFFFF;
			line-height:			10pt;
		}
		
		.rightItem img
		{
			padding:				0;
			margin:					13px 0px 0px 0px;		
		}
	
		#containerWeather
		{
			padding-top:			13px;
			height:					63px;
			font-size:				0.9em;
		}
		
		#containerWeather img
		{
			float:					right;
			margin:					0;
			padding:				0;
		}
	
	/*********************************************************************************************/
	/* Containers & classes (footer)                        		 							 */
	/*********************************************************************************************/	
	#containerFooter
	{
		float:					left;
		display:				inline;
					
		width:					995px;
		
		padding:				0px 0px 4px 0px;
		margin:					0px;
		
		color:					#842D93;
		border-top:				solid 12px #842E93;
	}
	*>#containerFooter
	{
		margin:					13px 0px 0px 0px;
	}
	
	#containerFooterShortCutsLeft
	{		
		float:					left;
		
		padding:				0px 0px 0px 3px;
		margin:					3px 0px 0px 0px;
	}
	
		#containerFooterShortCutsLeft ul, #containerFooterShortCutsLeft li
		{	
			float:			left;
			margin:			0;
			padding:		0 0 0 4px;
			list-style:		none;
		}
		
		#containerFooterShortCutsLeft ul li a
		{
			font-family:			Tahoma;
			font-weight:			bold;
			font-size:				0.9em;				
			text-decoration:		none;
		}
	
	#containerFooterShortCutsRight
	{		
		float:					right;
		
		padding:				0px 6px 0px 0px;
		margin:					3px 0px 0px 0px;
				
		font-size:				.9em;
	}
	
		#containerFooterShortCutsRight ul, #containerFooterShortCutsRight li
		{	
			float:			left;
			margin:			0;
			padding:		0 0 0 4px;
			list-style:		none;
		}
		
		#containerFooterShortCutsRight ul li a, #containerFooterShortCutsLeftt ul li a
		{
			font-family:			Tahoma;
			font-weight:			bold;
			font-size:				0.9em;				
			text-decoration:		none;
		}
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{
}

/*************************************************************************************************/
/* Handheld styles                                         									 	 */
/*************************************************************************************************/
@media handheld 
{
}