/*************************************************************************************************/
/* FILENAME				: basic.css                                                              */
/* AUTHOR				: R. Rispens                                                             */
/* LAST CHANGE			: 28-04-2006                                                             */
/* DESCRIPTION			: Basic stylesheet for frontpage stijl 1                                 */
/*************************************************************************************************/

/*************************************************************************************************/
/* STYLESHEET FOR PRINTING */
/*************************************************************************************************/
@media print
{

	#containerLeft, #containerTop, #containerLeft #menuImg, #containterSearchTriggerNews #containerSearch, #containterSearchTriggerNews #triggerImg, #containerRight #containerMenu, #containerTickertape, #containerSector, #containerFooter, #containerZakelijk #overlayImg, #containerZakelijk #zakelijkLeft, #containerPersoonlijk #overlayImg, #containerPersoonlijk #persoonlijkLeft
	{
		display:	none;
		visibility: hidden;
	}


	body
	{
		font-family: 			Verdana;
		font-size:				12px;
	}
	
	#zakelijkRight
	{
		margin:					10px 0px 0px 0px;
	}

	#persoonlijkRight
	{
		margin:					10px 0px 0px 0px;
	}
	
	#logoprint
	{
		position:				relative;
		display:				block;
		
		width:					100%;
		height:					120px;
		
		margin:					0px 0px 20px 0px;
		
		border-bottom:			1px solid #000000;
	}
	
		#logoleft
		{
			position:				relative;
			display:				block;
			float:					left;
		}
		
		#addressright
		{
			position:				relative;
			display:				block;
			float:					right;
		}
}


/*************************************************************************************************/
/* STYLESHEET FOR SCREEN */
/*************************************************************************************************/
@media screen
{
	/*** GENERAL SETTINGS ************************************************************************/
	body
	{
		width:					100%;
		height:					100%;
		min-height:				100%;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
		font-family: 			Verdana;
		font-size:				12px;
	
	}
	*>body
	{
		height:					auto;
	}


	form
	{
		margin:					0px 0px 0px 0px;
	}


	img
	{
		border: 				none;
	}
	
	.invisible
	{
		display:				none;
	}


	div.floatCloser
	{
		display:				none;
		clear:					both;

		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	*>div.floatCloser
	{
		display:				block;
	}




	div.spacer
	{
		position:				relative;
		display:				block;
		
		width:					100%;
		height:					15px;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 15px 0px;
	}

	div.spacerRuler
	{
		position:				relative;
		display:				block;
		
		width:					100%;
		height:					15px;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 15px 0px;

		border-bottom:			1px solid #E5E5E5;
	}

	input
	{
	}

	span.date
	{
		color:					#716F64;
	}
	/*********************************************************************************************/


	/*** SIFR SETTINGS ***************************************************************************/
	.sIFR-flash
	{
		visibility:				visible !important;
		margin:					0;
	}
		
	.sIFR-replaced
	{
		visibility:				visible !important;
	}
		
	span.sIFR-alternate
	{
		position:				absolute;
		left:					0;
		top:					0;
		width:					0;
		height:					0;
		display:				block;
		overflow:				hidden;
	}

	.sIFR-hasFlash h1.blue, .sIFR-hasFlash h1.green, .sIFR-hasFlash h1.grey, .sIFR-hasFlash h1.white
	{
		clear:					both;
		visibility:				hidden;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;

		font-size:				16px;
		line-height:			17px;
		
		letter-spacing:			-1px;
	}
	
/*	.sIFR-hasFlash #adxmenu ul li span.adxmenu_submenu_1
	{
		position:				absolute;
		visibility:				hidden;
		
		padding:				0px 0px 0px 10px;
		margin:					0px 0px 0px 0px;
		
		font-size:				13px;
		line-height:			13px;
		
		letter-spacing:			-2px;
	} */
	/*********************************************************************************************/


	/*** LOGO SETTINGS ***************************************************************************/
	/*********************************************************************************************/


	/*** CONTAINERS ******************************************************************************/
	#containerTotal
	{
		z-index:				0;
		position: 				relative;
		display:				block;
		

		width: 					800px;
		padding:				0px 0px 0px 0px;
		margin:					0px auto;
		
		background-image: 		url('/sjablonen/1/images/general/back.gif');
		background-repeat: 		repeat-y;
	    text-align:				left;  
	}
	
		#containerBalk
		{
			z-index:				5;
			position: 				absolute;
			display:				block;
			clear:					both;
			
			left:					0px;
			bottom:					0px;
			width: 					190px;
			height:					2px;
			overflow: 				hidden;
			
			padding:				0px 0px 0px 0px;
			margin:					0px 0px -1px 0px;
			
			background-color: 		#FF7700;
			
		}
		*>#containerBalk
		{
			margin:					0px 0px 0px 0px;
		}
		
		#containerTop
		{
			position: 				relative;
			float:					left;
			display:				block;
			
			width: 					800px;
			height:					71px;
			padding:				0px 0px 0px 0px;
			margin:					0px 0px 0px 0px;
			
			background-image:		url('/sjablonen/1/images/general/backgroundTop.png');
			background-position: 	top left;
			background-repeat: 		no-repeat;
			
		}
		
			#containerTop #logo
			{
				z-index:				3;
				position: 				absolute;
				display:				block;
				
				width: 					182px;
				height:					51px;
				padding:				0px 0px 0px 0px;
				margin:					10px 0px 0px 10px;
				
				cursor:					pointer;

				filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/sjablonen/1/images/general/logo.png');
			}
			*>#containerTop #logo
			{
				background-image: 		url('/sjablonen/1/images/general/logo.png');
				background-repeat: 		no-repeat;
			}
		
		
			#containerTop #logoclick
			{

				position: 				absolute;
				display:				block;
				float:					left;
				
				width: 					182px;
				height:					51px;
				padding:				0px 0px 0px 0px;
				margin:					0px 0px 0px 0px;
				z-index:				4;
				
				background-image:		url('/sjablonen/1/images/general/transparent.gif');

			}
				
		#containerBottom
		{
			position: 				relative;
			float:					left;
			display:				block;
			
			width: 					800px;
			padding:				0px 0px 0px 0px;
			margin:					0px 0px 0px 0px;
		}
		
			#containerLeft
			{
				position: 				relative;
				float:					left;
				display:				block;
				
				width: 					189px;
				padding:				0px 0px 0px 0px;
				margin:					0px 0px 0px 0px;
				
				overflow:				hidden;
			}
			*>#containerLeft
			{
				width: 					190px;
				overflow:				visible;
			}
				
				#menuImg
				{
					position: 				relative;
					display:				block;
					
					width: 					190px;
					height:					27px;
					padding:				0px 0px 0px 0px;
					margin:					0px 0px 0px 0px;
					
					background-image: 		url('/sjablonen/1/images/general/menuimg.gif');
					background-repeat: 		no-repeat;

				}
				
				#containterSearchTriggerNews
				{
					position: 				relative;
					float:					left;
					display:				block;
					
					width: 					164px;
					padding:				0px 12px 0px 12px;
					margin:					0px 0px 0px 0px;				
				}
				
				#missionVision
				{
					float:					left;
					position:				relative;
					width: 					166px;
					padding:				12px 12px 20px 12px;
					margin:					0;				
				}
				
					#missionVision h1
					{
						font-size:				14px;
						color:					#003377;
					}
				
				#containerSearch
				{
					position: 				relative;
					display:				block;
					
					width: 					166px;
					height:					71px;
					padding:				0px 0px 0px 0px;
					margin:					0px 0px 0px 0px;
					
					font-size:				10px;
					
					border-bottom:			2px dotted #FF7700;
				}
				
					#containerSearch a
					{
						text-decoration: 		none;
						font-weight: 			bold;
						color:					#003377;
					}
					
					#containerSearch input
					{
						border-top:				1px solid #003377;
						border-left:			1px solid #003377;
						border-right:			1px solid #FF7700;
						border-bottom:			1px solid #FF7700;
						
						font-size:				10px;
						font-family: 			verdana;
						
						margin:					-1px 0px 0px 0px;
						padding:				2px 2px 2px 5px;

						background-color: 		#FFEEDD;

					}
					*>#containerSearch input
					{
						margin:					0px 0px 0px 0px;
					}
					
					
				#triggerImg
				{
					position: 				relative;
					display:				none;
					
					width: 					166px;
					min-height:				70px;
					height:					70px;
					padding:				20px 0px 10px 0px;
					margin:					0px 0px 0px 0px;
					overflow:				hidden;
					
					border-bottom:			2px dotted #FF7700;
					
				}
				*>#triggerImg
				{
					height:					auto;
				}
				#triggerImg img
				{
					border:					0px;
				}
				
				
				
				#bannerTopwerkgevers
				{
					float:					left;
					display:				inline;
					position:				relative;
					margin:					10px 0 0 30px;
					
				}				
				
				
				#containerNews
				{
					position: 				relative;
					display:				none;
					
					width: 					166px;
					padding:				16px 0px 0px 0px;
					margin:					0px 0px 0px 0px;
				}
				
					#containerNews #containerNewsTitle
					{
						font-size:				14px;
						font-weight:			bold;
						color:					#FF7700;
					}
					
					#containerNews #frontpageNews
					{
						width:					166px;
						margin:					12px 0px 0px 0px;
					}
					
						#containerNews #frontpageNews .newsItem
						{
							font-size:				10px;
							color:					#003377;
						}
						
							#containerNews #frontpageNews .newsItem .title
							{
								font-weight:			bold;	
								font-size:				11px;
							}
							
							#containerNews #frontpageNews .newsItem a
							{
								text-decoration: 		none;
								color:					#003377;
								font-weight:			bold;
							}

				#containerBlog
				{
					position: 				relative;
					display:				none;
					
					width: 					166px;
					padding:				16px 0px 16px 0px;
					margin:					0px 0px 0px 0px;

					min-height:				20px;
					height:					auto;
	
				}

					#containerBlog a img, #containerBlog a
					{
						min-height:				20px;
						height:					auto;
						
						float:				left;
						margin:				0;
						padding:			0;
					}
				
					
					#blogTitle
					{
						float:				left;
						width:				166px;
						font-size:			0.8em;
						padding:			4px 0 4px 0;
						height:				21px;
						background-color:	#037;
						margin:				0;
					}
						#blogTitle a
						{
							padding:			0 12px 0 12px;
							color:				#fff;
							text-decoration:	none;
						}

							#blogTitle a:hover
							{
								text-decoration:		underline;
							}
								
			#containerRight
			{
				position: 				relative;
				float:					right;
				display:				block;
				
				width: 					610px;
				padding:				0px 0px 0px 0px;
				margin:					0px 0px 0px 0px;
			}
				#containerMenu
				{
					z-index:				5;
					position: 				relative;
					float:					left;
					display:				block;
					
					width: 					610px;
					height:					20px;
					padding:				0px 0px 0px 0px;
					margin:					0px 0px 0px 0px;
					
					background-color:		#FF7700;
				}
				
				#containerRightPadding
				{
					position: 				relative;
					float:					right;
					display:				block;
					
					width: 					590px;
					padding:				0px 0px 0px 20px;
					margin:					0px 0px 0px 0px;
				}
				
					#containerHeader
					{
						position: 				relative;
						float:					left;
						display:				inline;
						
						width: 					589px;
						height:					40px;
						min-height:				40px;
						padding:				20px 0px 20px 1px;
						margin:					0px 0px 0px 0px;
						font-size:				12px;	
						color:					#003377;
						font-style:				italic;
					}
					*>#containerHeader
					{
						height:					auto;
					}
					
						#containerIntroText
						{
							float:					left;
							display:				inline;
							width:					430px;
							height:					69px;
							margin-right:			23px;
						}
				
						#containerTopICT
						{
							float:					left;
							
							width:					590px;
							height:					60px;
						}
						
							#containerTopICT #bannerTop
							{
								float:					left;
								display:				block;
								width:					100px;
								height:					100px;
								overflow:				hidden;
							}						
							
							#containerTopICT #textTop
							{
								float:					left;
								display:				block;
								margin:					0;
								color:					#003377;
							}
							
								#containerTopICT #textTop h2
								{
									font-size:				17px;
									font-weight:			normal;
								}
							
							#containerTopICT .readmore
							{
								color:					#000;
								font-size:				10px;
								font-weight:			bold;
								font-style:				normal;
								text-decoration:		none;
							}
							
								#containerTopICT .readmore:hover
								{
									color:					#ff7700;
								}
					
					#containerCaseCarriere
					{
						position: 				relative;
						float:					left;
						display:				block;
						
						width: 					566px;
						height:					159px;
						padding:				10px;
						margin:					0px 0px 9px 0px;
						
						text-align:				center;
						
						border:					2px solid #ff7700;
					}
					
					
						#containerCaseCarriere img
						{
							width:					150px;
							margin:					0 25px 0 5px;
							border:					2px solid #003377;
						}
						
						#containerCaseCarriere img#titleOptimaliseert
						{
							width:					auto;
							margin:					0px 0 20px 0;
							border:					0;
						}
					
						#containerZakelijk
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					290px;
							height:					183px;
							padding:				0px 0px 0px 0px;
							margin:					0px 10px 0px 0px;
						}
						
							#containerZakelijk #overlayImg
							{
								z-index:				3;
								position: 				absolute;
								display:				block;
								
								width: 					110px;
								height:					183px;
								left:					0px;
								top:					0px;
								padding:				0px 0px 0px 0px;
								margin:					0px 0px 0px 0px;
								
								filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/sjablonen/1/images/general/zakelijk_overlay.png');
							}
							*>#containerZakelijk #overlayImg
							{
								background-image: 		url('/sjablonen/1/images/general/zakelijk_overlay.png');
								background-repeat: 		no-repeat;
							}
								
							#zakelijkLeft
							{
								position: 				relative;
								float:					left;
								display:				block;
								
								width: 					110px;
								height:					183px;
								padding:				0px 0px 0px 0px;
								margin:					0px 0px 0px 0px;
								overflow: 				hidden;
							}
							
							#zakelijkRight
							{
								position: 				relative;
								float:					left;
								display:				block;
								
								width: 					160px;
								height:					183px;
								padding:				0px 10px 0px 10px;
								margin:					0px 0px 0px 0px;

								color:					#003377;
								
								background-image:		url('/sjablonen/1/images/general/zakelijk_background_right.png');
							}

								#zakelijkRight a
								{
									color:					#003377;
									text-decoration: 		none;
								}
							
								#zakelijkRight #title
								{
									position: 				relative;
									float:					left;
									display:				block;
									
									width: 					160px;
									height:					44px;
									padding:				0px 0px 0px 0px;
									margin:					46px 0px 0px 0px;
									
									font-size:				18px;
									font-weight:			bold;

									overflow: 				hidden;
								}
							
								#zakelijkRight #intro
								{
									position: 				relative;
									float:					left;
									display:				block;
									
									width: 					160px;
									height:					56px;
									padding:				10px 0px 0px 0px;
									margin:					0px 0px 0px 0px;
									
									font-size:				12px;
									
									overflow: 				hidden;
								}

								#zakelijkRight #readmore
								{
									position: 				relative;
									float:					left;
									display:				block;
									
									width: 					160px;
									height:					27px;
									padding:				0px 0px 0px 0px;
									margin:					0px 0px 0px 0px;
									
									font-size:				10px;
									font-weight:			bold;
									
									overflow: 				hidden;
								}

						#containerPersoonlijk
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					290px;
							height:					183px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							
						}
						
							#containerPersoonlijk #overlayImg
							{
								z-index:				3;
								position: 				absolute;
								display:				block;
								
								width: 					110px;
								height:					183px;
								left:					0px;
								top:					0px;
								padding:				0px 0px 0px 0px;
								margin:					0px 0px 0px 0px;
								
								filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/sjablonen/1/images/general/persoonlijk_overlay.png');
							}
							*>#containerPersoonlijk #overlayImg
							{
								background-image: 		url('/sjablonen/1/images/general/persoonlijk_overlay.png');
								background-repeat: 		no-repeat;
							}
								
							#persoonlijkLeft
							{
								position: 				relative;
								float:					left;
								display:				block;
								
								width: 					110px;
								height:					183px;
								padding:				0px 0px 0px 0px;
								margin:					0px 0px 0px 0px;
								
								overflow: 				hidden;
							}
							
							#persoonlijkRight
							{
								position: 				relative;
								float:					left;
								display:				block;
								
								width: 					160px;
								height:					183px;
								padding:				0px 10px 0px 10px;
								margin:					0px 0px 0px 0px;

								color:					#FFFFFF;
								
								background-image:		url('/sjablonen/1/images/general/persoonlijk_backround_right.png');
							}
							
								#persoonlijkRight a
								{
									color:					#FFFFFF;
									text-decoration: 		none;
								}
								
								#persoonlijkRight #title
								{
									position: 				relative;
									float:					left;
									display:				block;
									
									width: 					160px;
									height:					44px;
									padding:				0px 0px 0px 0px;
									margin:					46px 0px 0px 0px;
									
									font-size:				18px;
									font-weight:			bold;

									overflow: 				hidden;
								}
							
								#persoonlijkRight #intro
								{
									position: 				relative;
									float:					left;
									display:				block;
									
									width: 					160px;
									height:					56px;
									padding:				10px 0px 0px 0px;
									margin:					0px 0px 0px 0px;
									
									font-size:				12px;
									
									overflow: 				hidden;
								}

								#persoonlijkRight #readmore
								{
									position: 				relative;
									float:					left;
									display:				block;
									
									width: 					160px;
									height:					27px;
									padding:				0px 0px 0px 0px;
									margin:					0px 0px 0px 0px;
									
									font-size:				10px;
									font-weight:			bold;
									
									overflow: 				hidden;
								}
												
					#containerTickertape
					{
						position: 				relative;
						float:					left;
						display:				block;
						
						width: 					590px;
						height:					20px;
						padding:				0px 0px 0px 0px;
						margin:					0px 0px 20px 0px;
						
					}
					
						#flashTicker
						{
							z-index:				1;
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					590px;
							height:					20px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
						}
						
						#flashTickerClick
						{
							z-index:				2;
							position: 				absolute;
							float:					left;
							display:				block;
							left:					0px;
							top:					0px;
							width: 					590px;
							height:					20px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							background-color: 		#FF0000;
						}
					
					#containerSector
					{
						position: 				relative;
						float:					left;
						display:				block;
						
						width: 					590px;
						height:					298px;
						padding:				0px 0px 0px 0px;
						margin:					0px 0px 20px 0px;
						
					}
					
						#containerSector #content
						{
							float:					left;
							margin:					20px 0 20px 0;
						}
						
							#containerSector #content h2
							{
								font-size:				18px;
								color:					#003377;
							}
					
						#containerSector #headerImg
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					590px;
							height:					40px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							
						}
						
						#containerSector #sectorOneTwoThree
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					590px;
							height:					119px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 20px 0px;
							
						}
						
						#containerSector #sectorFourFiveSix
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					590px;
							height:					119px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							
						}
						
						.sector
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					190px;
							height:					119px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							
						}
						
						.sector .sectorImage
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					60px;
							height:					119px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							
							overflow: 				hidden;
							
							background-color:		#C3C3C3;
						}
						
						.sector .sectorRight
						{
							position: 				relative;
							float:					left;
							display:				block;
							
							width: 					123px;
							height:					119px;
							padding:				0px 0px 0px 7px;
							margin:					0px 0px 0px 0px;
							
							background-image: 		url('/sjablonen/1/images/general/sector_background.gif');
							background-repeat: 		no-repeat;
						}
						
						.sector .sectorRight .sectorTitle
						{
							position: 				relative;
							display:				block;
							
							width: 					123px;
							height:					21px;
							padding:				9px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							overflow:				hidden;
							
							font-weight:			bold;
							
						}
						
						.sector .sectorRight .sectorSummary
						{
							position: 				relative;
							display:				block;
							
							width: 					123px;
							height:					62px;
							padding:				5px 0px 10px 0px;
							margin:					0px 0px 0px 0px;
							overflow:				hidden;
							
							font-size:				10px;
							
						}
						
						.sector .sectorRight .sectorReadmore
						{
							position: 				relative;
							display:				block;
							
							width: 					123px;
							height:					12px;
							padding:				0px 0px 0px 0px;
							margin:					0px 0px 0px 0px;
							
							font-size:				10px;
							font-weight:			bold;
						}
						
						.sector .sectorRight .sectorReadmore a
						{
							text-decoration: 		none;
							color:					#000000;
						}
						
					#containerFooter
					{
						position: 				relative;
						float:					left;
						display:				block;
						
						width: 					540px;
						height:					17px;
						padding:				3px 25px 0px 25px;
						margin:					0px 0px 0px 0px;
						
						color:					#FFFFFF;
						font-size:				10px;
						
						background-color:		#FF7700;
					}
					
						#containerFooter a
						{
							color:					#FFFFFF;
							text-decoration: 		none;
						}
					
						#containerFooter div
						{
							position: 				relative;
							float:					left;
							width:					120px;
							
							text-align: 			center;
						}
						
						#containerFooter div.seperator
						{
							width:					20px;
						}
			
	/*********************************************************************************************/
}