/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 1 (home)	                                         */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					15px 0 0 0;		
		
		font-family: 			Arial, Verdana, Helvetica;
		font-size:				11px;
		line-height:			140%;
		
		color:					#000000;
		background-color:		#FFFFFF;		
	}

	img 
	{
		border: 				none;
		
		padding:				0;
		margin:					0;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a 
	{	
		font-family:			Arial, Verdana, Helvetica;
		
		font-weight:			bold;	
		font-size:				11px;
		
		text-decoration:		none;
		
		color:					#603241;
	}
	
	a:hover 
	{
		text-decoration:		underline;
	}
	
	h2 
	{
		padding:				0;
		margin:					0;
		
		font-family: 			Trebuchet MS, Arial, Verdana, Helvetica;
		font-size:				16px;
		font-weight:			bold;
		
		line-height:			100%;
					
		color:					#FFFFFF;		
	}
	
	h3 
	{
		padding:				0;
		margin:					0;
		
		font-family: 			Arial, Verdana, Helvetica;
		font-size:				13px;
		font-weight:			bold;
		
		line-height:			100%;
					
		color:					#000000;				
	}
	
	/*********************************************************************************************/
	/* Classes (general)                                                              			 */
	/*********************************************************************************************/	
	.containerInvisible
	{
		display:				none;
	}
	
	.inputText
	{		
		height:					12px;
		width:					114px;
		
		font-size:				7pt;
				
		color:					#898989;
		border:					solid 1px #898989;		
		
		margin:					2px 0 0 20px;
		
		padding:				1px 0 0 4px;
	}	
	
	/*********************************************************************************************/
	/* Containers & classes (shortcuts, menu & doormats)                                         */
	/*********************************************************************************************/
	#containerTotal 
	{
		position: 				relative;
				
		width: 					700px;
		height:					610px;
						
		padding:				0;
		margin:					0px auto;		
		
		background-repeat: 		no-repeat;
		overflow:				hidden;
		
	}		

	#containerMenu
	{	
		width:					700px;
		height:					140px;
		
		padding:				0;
		margin:					0;
	}
	
	#containerMenuRed
	{	
		float:					left;	
		position:				absolute;
		
		padding:				0;
		margin:					0;
		
		left:					0;
		top: 					8px;
		
		width:					700px;
		height:					21px;

		background-repeat: 		no-repeat;
		filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/menu_bg.png');
		
		z-index:				1;
	}
	*>#containerMenuRed
	{	
		filter:					none;	
		background-image: 		url('/sjablonen/1/images/general/menu_bg.png');
	}
	
		
		#containerMenuRed ul
		{
			padding:				0;
			margin:					0;
			
			list-style:				none;
		}
		
		#containerMenuRed ul li
		{
			float:					left;
			display:				inline;	
			
			width:					186px;
			height:					18px;
				
			text-align:				right;
			
			overflow:				hidden;
	
			margin:					2px 25px 0 23px;
			
			z-index:				10;
		}
		
		#containerMenuRed ul li.titleEnd
		{
			margin:					2px 0px 0 22px;
		}
		
		#containerMenuRed ul li a
		{
				
				height:					25px;
				font-family:			Trebuchet MS, Arial, Verdana, Helvetica;
				color:					#FFFFFF;
				font-size:				16px;	
		}
		
				#containerMenuRed ul li a:hover
				{
					text-decoration:		none;
				}
	
		
		#containerMenuButtons
		{
			margin:					0 0 0 12px;
		}
	
		.menuButton
		{			
			cursor:					hand;
			
			float:					left;	
			position:				relative;	
			
			padding:				0;
			margin:					0 23px 0 0;			
			
			width:					210px;
			height:					125px;
			
			background-repeat:		repeat;	
			filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/trans_but_bg.png');
		}	
		
		*>.menuButton
		{
			filter:					none;		
			background-image: 		url('/sjablonen/1/images/general/trans_but_bg.png');
		}
		
		.menuButton:hover, .menuButtonEnd:hover
		{
			background-image:		none;
			background-color:		#fff;
		}
	
		.menuButtonEnd
		{			
			cursor:					hand;		
		
			float:					left;	
			position:				relative;	
			
			padding:				0;
			margin:					0;			
			
			width:					210px;
			height:					125px;
			
			background-repeat:		repeat;	
			filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/trans_but_bg.png');
		}	
		
		*>.menuButtonEnd
		{
			filter:					none;
			background-image: 		url('/sjablonen/1/images/general/trans_but_bg.png');
		}
		
			.menuButton img , .menuButtonEnd  img
			{
				width:					186px;
				height:					77px;			
				
				padding:				0;
				margin:					38px 0 0 12px;
				
				border:					0;
			}
	
			
	#containerWhite
	{
		float:					right;	
		position:				relative;
		
		width:					700px;
		height:					72px;
		
		background-color:		#FFFFFF;
		
		border-top:				solid 10px #FDFFBD;
	}

	*>#containerWhite
	{
		min-height:				72px;
		height:					auto;
	}
		
	
		#containerLogo
		{
			position:				absolute;
				
			width:					183px;
			height:					183px;
			
			left:					24px;
			
			padding:				0;
			margin:					0;	
						
			background-position:	0px 0px;		
			background-repeat: 		no-repeat;
			filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sjablonen/1/images/general/white_circle.png');
		}
		
		*>#containerLogo
		{
			filter:					none;		
			background-image: 		url('/sjablonen/1/images/general/white_circle.png');
		}
		
			#logo
			{
				position:				absolute;
				
				width:					183px;
				height:					183px;

				left:					14px;
				top:					24px;

				background-image: 		url('/sjablonen/1/images/general/logo.gif');
				background-repeat:		no-repeat;
				
			}
		
			#containerLogoText h1
			{
				float:					right;	
				position:				relative;
				
				padding:				0;
				margin:					25px 15px 0 0;
				
				font-family: 			Arial,Verdana, Helvetica;
				font-size:				22px;
				font-weight:			bold;
				color:					#603241;
				
				background-color:		#FFFFFF;	
			}
			
	#containerSearchFieldRed
	{
		float:					left;	
		position:				relative;
		
		height:					21px;
		width:					688px;
		
		padding:				0 0 0 12px;
		margin:					0;
		
		background-color:		#BFAEB4;
	}
	
		#containerSearchField
		{
			line-height:			19px;		
			padding:				0;
		}
		
		#containerSearchField h2
		{
			float:					left;
			line-height:			20px;
			
			font-size:				13px;
		}
		
		.submitbutton
		{
			position:					absolute;
		
			margin: 					4px 0 0 5px;
			
			vertical-align: 			bottom;
		}
		
	/*********************************************************************************************/
	/* Containers & classes (news)                                                            	 */
	/*********************************************************************************************/
	#containerBanners
	{
		float:					left;
		display:				inline;
		
		margin:					135px 0 0 10px;
		width:					197px;
		height:					120px;			
	}
	
		#containerBanners ul
		{
			margin:				0;
			padding:			0;
		}
		
			#containerBanners ul li
			{
				margin:				0;
				padding:			0;
			}
			
				#containerBanners ul li.banner1 a
				{
					margin:					0 0 10px 0;
					width:					197px;
					height:					55px;
					text-indent:			-5000px;
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/banner_SNN_EU.png');
					background-repeat:		none;
				}
				*>#containerBanners ul li.banner1 a
				{
					background-image:		url('/sjablonen/1/images/general/banner_SNN_EU.png');
					filter:					none;
				}
				
					#containerBanners ul li.banner1 a:hover
					{
						cursor:					pointer;
						background-image:		url('/sjablonen/1/images/general/banner_SNN_EU_hover.png');	
					}
				
				
				#containerBanners ul li.banner2 a
				{
					width:					197px;
					height:					55px;
					text-indent:			-5000px;
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/banner_NordConnect.png');
					background-repeat:		none;
				}
				*>#containerBanners ul li.banner2 a
				{
					background-image:		url('/sjablonen/1/images/general/banner_NordConnect.png');
					filter:					none;
				}
				
					#containerBanners ul li.banner2 a:hover
					{
						cursor:					pointer;
						background-image:		url('/sjablonen/1/images/general/banner_NordConnect_hover.png');	
					}
			
				#containerBanners ul li.banner3 a
				{
					margin:					0 0 10px 0;
					width:					197px;
					height:					55px;
					text-indent:			-5000px;
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/banner_subsidie.png');
					background-repeat:		none;
				}
				*>#containerBanners ul li.banner3 a
				{
					background-image:		url('/sjablonen/1/images/general/banner_subsidie.png');
					filter:					none;
				}
				
					#containerBanners ul li.banner3 a:hover
					{
						cursor:					pointer;
						background-image:		url('/sjablonen/1/images/general/banner_subsidie_hover.png');	
					}
			
				#containerBanners ul li a
				{
					position: 			relative; /* tries to fix non-clickable links above filters */ 
					display:			block;
					width:				197px;
					height:				55px;
					
					text-indent:		-5000px;
					
				}

	
	#containerContent
	{
		float:					right;		

		width:					197px;
		height:					300px;
		
		padding:				0;
		margin:					12px 7px 10px 0;		
	}
	
	*>#containerContent
	{
		width:					209px;

		margin:					12px 14px 20px 0;	
	}
	
		#containerNews
		{
			width:					209px;
			height:					300px;
			
			padding:				8px 0 0 0;
			margin:					0;	

			filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/white_trans_bg.png');
			
			font-size:				11px;
			z-index:				-1;
		}
		
		*>#containerNews
		{
			filter:					none;
			background-image:		url('/sjablonen/1/images/general/white_trans_bg.png');
		}

		#containerNews a 
		{  
			position: relative; /* tries to fix non-clickable links above filters */  
		}

			#containerNewsTopRed
			{	
				float:					left;	
				position:				relative;

				width:					209px;
				height:					21px;

				background-color:		#BFAEB4;
			}
			
			#containerNewsTopRed h2
			{	
				margin:					3px 0 0 10px;
				
				font-size:				14px;
			}
		
			#containerNewsList
			{
				float:					left;		
				
				height:					233px;
				width:					189px;
				
				margin:					0;
				padding:				10px 10px 10px 10px;
				overflow:				hidden;
			}
			
			#containerNewsList ul
			{
				list-style:				none;				
			
				float:					left;		
				height:					245px;
				margin:					0;
				padding:				0;
				
				overflow:				hidden;
			}
			
			#containerNewsList ul li
			{
				float:					left;		
				width:					190px;
				padding:				0 0 8px 0;
			}

				.newsTitle
				{
					font-size: 			13px;
					font-weight:		bold;
					
				}

				.newsLinkReadMore
				{
					float:					right;	
					
					font-size: 				11px;						
				}	

				.newsLinkReadMore img
				{
					border:					0;
					
					vertical-align:			middle;
					
					padding:				0 3px 0 0;
				}					

				#ContainerNewsMore
				{
					float:					left;
				
					margin:					0;
					padding:				0 0 0 10px;
					
					width:					199px;
				}
				
				*>#ContainerNewsMore
				{
					width:					209px;
				}					
				
				#ContainerNewsMore a
				{
					float:					right;
					margin:					0 10px 0 0;
				}
				*>#ContainerNewsMore a
				{
					margin:					0 20px 0 0;
				}
				
			
			#containerSamenwerking
			{
				float:					left;	
			
				width:					199px;
				height:					44px;

				margin:					7px 0 7px 0;

				padding:				0 0 0 10px;				
	
				background-color:		#fff;
			}
			*>#containerSamenwerking
			{
				height:					60px;
		
				filter:					none;
				background-color:		transparent;
				background-image:		url('/sjablonen/1/images/general/white_trans_bg.png');				
			}
			
				#containerSamenwerking h3
				{
					padding:				3px 0 3px 0;
					
					font-size:				13px;
					color:					#091A52;				
				}
			
				#samenwerkingLogo
				{
					background-repeat:		no-repeat;
					
					height:					42px;
					width:					177px;
				}
							
				
	/*********************************************************************************************/
	/* Containers & classes (footer)                        		 							 */
	/*********************************************************************************************/	
	#containerFooter
	{
		float:					left;
					
		width:					685px;
		
		padding:				0;
		margin:					15px 10px 0px 5px;
		
		color:					#603241;
	}
	
	#containerFooterShortCutsLeft
	{		
		float:					left;
		
		padding:				0;
		margin:					0;
	}
	
	#containerFooterShortCutsRight
	{		
		float:					right;
		
		padding:				0;
		margin:					0;
	}
	
	#containerPrintHeader
	{
		display:				none;
	}
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{	#containerMenu, #containerWhite, #containersearchFieldRed, #containerFooter, #containerSamenwerking,
	#containerSearchField
	{
		display:				none;
	}


	#containerPrintHeader
	{
		display:				block!important;
		
			
		padding:				0;
		margin:					0px 0px 20px 0px;
	}
	
	
		/*********************************************************************************************/
	/* General styles                 		 							 						 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					0;		
		
		font-family: 			Arial, Verdana, Helvetica;
		font-size:				1.1em;
		line-height:			140%;
		
		color:					#000000;
		background-color:		#FFFFFF;				
	}
	
	a 
	{		
		font-weight:			bold;				
		text-decoration:		none;
		color:					#603241;
	}
	
	ul li
	{
		list-style-type:		none;	
	}
	
	h1
	{		
		font-size:				1.5em;
		color:					#603241;
		margin:					0 0 12px 0;
	}
		
	h2 
	{
		padding:				0;
		margin:					0;
		
		font-size:				1.1em;
		line-height:			100%;
					
		color:					#603241;		
	}
	
	h3 
	{
		padding:				0;
		margin:					0px 0px 1px 0px;
		
		font-size:				1em;
		line-height:			100%;
			
		color:					#603241;				
	}
	
	img
	{
		border:					none;
	}
}

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