/*************************************************************************************************/
/* Author:		VINCIS / Rinse Stellingwerf	                                                 	 */
/* Description:	Stylesheet for Sjabloon 1 (Subpages)                                             */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* GENERAL                                                                       			 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				.7em;
		letter-spacing: 		.0em;
		color:					#5F6071;
		
		line-height:			160%;
	
		background-position: 	top;
		background-repeat: 		repeat-x;
		background-image: 		url('/sjablonen/1/images/general/background.gif'); 
		background-color:		#FFFFFF;
	}

	h1 
	{
		clear: 					none;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.6em;
		font-weight:			bold;
		line-height:			100%;
	}
	
	h2 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.2em;
		font-weight:			bold;
		line-height:			100%;
	}

	h3 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		font-weight:			bold;
		line-height:			100%;
	}
	
	img 
	{
		border: 				none;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	form 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	a 
	{
		color:					#504795;
		font-weight:			bold;
		text-decoration:		none;
	}
	
	a:hover 
	{
		color:					#504795;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	ul 
	{		
		list-style-type: 		square;		
	}
			
	hr 
	{
		background-color:		#504795;
		color: 					#504795;
		height:					1px;
		width:					100%;
		border:					none;
	}	
	
	.anchr
	{
		font-weight:			normal;
		font-style:				normal;
		
		text-decoration:		none;
		color:					#5F6071;
	}	
	
	.cm_input
	{	
		height:					15px;		
		color:					#000000;
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		
		background-color:		#FFFFFF;
		border:					solid 1px #504795;		
	}
	
	.cm_select
	{			
		height:					17px;		
		color:					#000000;
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		
		background-color:		#FFFFFF;
		border:					solid 1px #504795;
	}
	
	.cm_textarea
	{		
		color:					#000000;
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		overflow-y:				auto;
		
		background-color:		#FFFFFF;
		border:					solid 1px #504795;
	}
	
	.cm_radio
	{
		width:					15px;
		height:					15px;
		margin-right:			5px;
		font-size:				0.8em;
	}
	
	.cm_button
	{
		height:					20px;
		margin-left:			5px;
		
		font-weight:			bold;
		color:					#5F6071;
	
		background-color:		#F0F0F1;
		border:					1px solid #dadada;
	}
	
	.ezMenuParent
	{
		width:					95px;		
		height:					26px; 

		font-size:				8pt;
		font-weight:			bold;
		cursor:					default;
		
		padding:				4px 2px 0px 2px;
		margin:					0px 0px 0px 0px;
				
		text-align:				center;	
	}
		
	.ezMenuChild
	{
		width:					190px;		
		height:					20px; 

		font-size:				8pt;
		cursor:					pointer;	
		
		padding:				0px 4px 0px 4px;
		margin:					0px 0px 0px 0px;
				
		text-align:				left;		
		border-left:			solid 1px #FFFFFF;			
		border-bottom:			solid 1px #FFFFFF;
		
		overflow-x:				hidden;
	}
		
	.ezMenuBorderLeft
	{
		border-left:			solid 1px #FFFFFF;
	}
	
	.ezMenuAuto
	{
		width:					auto;
		
		padding:				4px 8px 0px 8px;
		margin:					0px 0px 0px 0px;
	}
	
	.ezMenuExtraPadding
	{
		padding:				4px 10px 0px 10px;
		margin:					0px 0px 0px 0px;
	}
	
	.ezMenuSelected
	{
		background-color:		#FFFFFF;
		color:					#000000;
	}	
	
	.hide
	{
		display:				none;
	}
	
	/*********************************************************************************************/
	/* CONTAINERS		                                                                         */
	/*********************************************************************************************/	
	.containerInvisible, #containerAdres, #containerPrintLogo
	{
		display:				none;
	}
	
	#containerShortcuts
	{
		text-align:				right;
	}
	
	#containerShortcuts a
	{		
		font-weight:			normal;
		color:					#5F6071;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}	
	
	#containerTotal 
	{
		position: 				relative;
		
		left: 					50%;
		width: 					770px;
		height:					100%;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px -385px;
	}	
	
	#containerTop 
	{
		width:					770px;
		height:					100px;
					
		background-color:		#504795;			
	}
	
	#containerTopLogo
	{
		width:					170px;
		height:					66px;
		
		float:					left;
		
		padding:				26px 0px 0px 3px;
		margin:					0px 0px 0px 0px;
	}
	
	#containerTopImage
	{
		width:					597px;
		height:					100px;
		
		float:					left;
		
		text-align:				right;
		background-position:	0px 0px;		
		background-repeat: 		no-repeat;		
	}
	
	#containerTopMenu
	{
		width:					597px;
		height:					30px;
		
		padding:				0px 0px 0px 0px;
		margin:					70px 0px 0px 0px;
				
		background-color:		#504795;
		filter:					progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}
	
	#containerPath
	{
		width:					420px;
		height:					40px;
		
		font-size:				.9em;
		float:					left;
		color:					#A9AAAF;
		
		padding:				10px 0px 0px 173px;
		margin:					0px 0px 0px 0px;		
		
		overflow-y:				hidden;
	}
	
		#path 
		{
			width:				415px;
		}
	
		#containerPath  #path strong
		{
			float:					left;
			display:				block;
		}
		
		#containerPath  #path ul
		{
			float:					left;
			margin:					0 0 0 10px;
			padding:				0;
			list-style-type:		none;
		}
		
			#containerPath  #path ul li
			{
				float:					left;
				margin:					0 0 0 4px;
			}
		
	
		#containerPath a
		{
			font-weight:			normal;
			color:					#A9AAAF;
		}
	
	#containerPrintMail
	{
		width:					172px;
		height:					40px;
		
		font-size:				.9em;
		float:					left;
				
		padding:				10px 0px 0px 0px;
		margin:					0px 0px 0px 0px;	
	}
	
	#containerPrintMail a
	{
		font-weight:			normal;
		color:					#A9AAAF;	
	}
	
	#content 
	{
		width:					597px;		
		
		position:				relative;
		float:					left;
					
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 10px;
	}
			
	#containerTitle
	{	
		width:					305px;
		float:					left;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 10px 0px;	
	}
	
	#containerToTop
	{
		text-align:				right;
		
		padding:				10px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	#containerSlogan
	{		
		height:					30px;
		text-align:				right;
		
		padding:				8px 0px 0px 0px;
		margin:					0px 0px 0px 0px;		
	}
	
	#containerSearch
	{
		padding:				30px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		border-top:				dotted 1px #A9AAAF;		
	}
	
		#containerSearch fieldset
		{
			border:					none;
			margin:					0;
			padding:				0;
		}
	
			#containerSearch input#qs_kw_or
			{
				float:				left;
				height:				15px;
				border:				1px solid #504795;
				width:				95px;
				padding:			2px 2px 1px 2px;
				font-size:			1.0em;
			}
			
			#containerSearch input.button
			{
				float:				left;
				margin:				-1px 0 0 5px;
				height:				22px;
			}
			
	
	
	/*********************************************************************************************/
	/* MENU		                                                                        		 */
	/*********************************************************************************************/		
	#containerMenu
	{
		width:					163px;
		float:					left;		
				
		padding:				0;
		margin:					0;
		
			
		overflow-x:				hidden;
	}
	
	#containerMenu a
	{
		color:					#5F6071;
		font-weight:			normal;
	}
	
	
	#containerMenu ul
	{
		list-style: 			none;
				
		padding:				0px 0px 0px 0px; 
		margin: 				0px 0px 0px 0px;	
	}
	
	#containerMenu ul li
	{
		padding:				3px 0px 3px 15px;
		margin: 				0px 0px 0px 0px; 		
		
		border-top:				dotted 1px #A9AAAF;
		
		background-position: 	0px 11px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/arrow_next_grey.gif');				
	}
	
	#containerMenu .selected
	{		
		font-weight:			bold;
		
		color:					#504795;
		border-top:				dotted 1px #A9AAAF;
		
		padding:				3px 0px 3px 15px;
		margin: 				0px 0px 0px 0px;
			
		background-color:		#F1F1F1;
		background-position: 	0px 11px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/arrow_next.gif');		
	}
	
	#containerMenu .selected ul
	{
		
		background-image:		none;
		padding:				0;
		margin:					0;
	}
	
	
	#containerMenu .selected ul li
	{			
		background-position: 	0px 11px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/arrow_next.gif');	
	}
	
		#containerMenu .selectedPath ul li.selected ul li, #containerMenu .selectedPath ul li.selectedPath ul li
		{
			background-image: 		url('/sjablonen/1/images/general/bullet_grey.gif');	
		}
					
	#containerMenu ul li.selectedPath a 
	{
		font-weight:			normal;		
	}
	
	#containerMenu ul li.listItem a
	{
		font-weight:			normal;
	}
	
	#containerMenu ul li ul li.selectedPath a 
	{
		font-weight:			bold;		
	}
	
	
		#containerMenu ul li ul li.selectedPath ul li a
		{
			font-weight:			normal;		
		}
	
	/*********************************************************************************************/
	/* DOWNLOADS		                                                                         */
	/*********************************************************************************************/	
	#content #downloadList
	{		
		width:					250px;		
	
		float:					right;
		background-color:		#F0F0F1;
					
		padding:				15px 15px 0px 15px;
		margin:					0px 0px 0px 10px;
	}
	
	#content #downloadList a
	{
		font-weight:			normal;	
	}
	
	#content #downloadList ul
	{
		list-style-type: 		none;
		
		padding:				2px 0px 15px 0px; 
		margin: 				0px 0px 0px 0px;	
	}

	#content #downloadList ul li
	{			
		font-weight:			normal;
		
		padding:				0px 0px 2px 20px;
		margin: 				0px 0px 0px 0px;
		
		background-position: 	0px 7px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/arrow_next.gif');
	}
	
	#content #downloadList ul li.pdf
	{
		list-style: 			none;
		position: 				relative;
		
		background-position: 	0px 2px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/bullet_pdf.gif');
	}

	#content #downloadList ul li.doc
	{
		list-style: 			none;
		position: 				relative;
				
		background-position: 	0px 1px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/bullet_word.gif');
	}	
		
	/*********************************************************************************************/
	/* PAGING		                                                                        	 */
	/*********************************************************************************************/	
	#containerPaging 
	{
		width:					590px;
		height:					20px;
		
		padding:				0px 0px 0px 0px;
		margin: 				0px 0px 0px 0px	
	}
	
	#containerPaging h3 
	{
		float:					left;
				
		line-height:			160%;
		font-weight:			bold;
		
		padding:				1px 8px 0px 0px;
	}
	
	#containerPaging ul 
	{		
		list-style: 			none;
		
		padding:				0px 0px 0px 0px; 
		margin: 				0px 0px 0px 0px;	
	}
	
	#containerPaging ul li 
	{
		position:				relative;
		float:					left;
		
		font-size:				1.1em;
		font-weight:			bold;
				
		padding:				0px 0px 0px 0px;
		margin: 				2px 8px 0px 0px; 		
	}
	
	#containerPaging ul a 
	{
		font-size:				0.9em;		
	}
	
	/*********************************************************************************************/
	/* 404	                                                                         			 */
	/*********************************************************************************************/
	#container404Logo
	{
		width:					400px;
		height:					300px;
		
		float:					left;
		
		padding:				0px 0px 0px 0px;
		margin:					15px 0px 0px 0px;
	}
	
	#container404Content
	{
		width:					190px;
		height:					300px;
		
		float:					left;
		
		padding:				0px 0px 0px 0px;
		margin:					35px 0px 0px 0px;		
	}
	
	#container404Search
	{			
		position:				relative;
		
		padding:				0px 0px 0px 0px;
		margin:					30px 0px 10px 0px;	
	}
	
	#container404Options ul
	{
		position:				relative;
		list-style: 			none;
					
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	#container404Options li.mail
	{		
		padding:				0px 0px 6px 26px;
		margin:					0px 0px 0px 0px;
		
		background-position: 	3px 0px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/404/bullet_mail.gif');
	}
	
	#container404Options li.home
	{		
		padding:				0px 0px 6px 26px;
		margin:					0px 0px 0px 0px;
		
		background-position: 	0px 0px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/404/bullet_home.gif');
	}
	
	#container404Options li.back
	{		
		padding:				0px 0px 6px 26px;
		margin:					0px 0px 0px 0px;
		
		background-position: 	0px 0px;
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/404/bullet_back.gif');
	}
			
	/*********************************************************************************************/
	/* SIFR	                                                                         			 */
	/*********************************************************************************************/
	.sIFR-flash
	{
		visibility:				visible !important;
		line-height:			100%;
		margin:					0;
	}
	
	.sIFR-replaced
	{
		visibility:				visible !important;
		line-height:			100%;
	}
	
	span.sIFR-alternate
	{
		position:				absolute;
		left:					0;
		top:					0;
		width:					0;
		height:					0;
		display:				block;
		overflow:				hidden;
		line-height:			100%;
	}

	.sIFR-hasFlash h1, .sIFR-hasFlash h2
	{
		font-size:				22px;
		letter-spacing:			-2px;
		
		visibility:				hidden;
		line-height:			100%;
		
		height:					22px;
		
		padding:				0px 0px 0px 0px;
		margin: 				0px 0px 0px 0px;  
	}
	
	.sIFR-hasFlash h3
	{
		font-size:				18px;
		letter-spacing:			-2px;
		
		visibility:				hidden;
		line-height:			100%;
		
		height:					18px;
		
		padding:				0px 0px 0px 0px;
		margin: 				0px 0px 0px 0px;  
	}	
}

/*************************************************************************************************/
/* PRINT SETTINGS                                              									 */
/*************************************************************************************************/
@media print
{
	.containerInvisible, #containerShortcuts, #containerTopLogo, #containerPath, #containerPrintMail, #containerTopMenu,
	#containerMenu, #containerSearch, #containerDownloads, #containerToTop, .ezMenuParent, .ezMenuChild
	{
		display:				none;
	}
	
	body 
	{
		width:					100%;
		height:					100%;
		
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				.7em;
		letter-spacing: 		.0em;
		color:					#000000;
		
		line-height:			160%
	}	
	
	img 
	{
		border: 				none;
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	form 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	a 
	{
		color:					#000000;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	#containerPrintLogo
	{
		visibility:				visible;
		height:					68px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		border-bottom:			solid 1px #A9AAAF;
	}
	
	#containerTitle
	{
		height:					40px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;		
	}
	
	
	#containerAdres
	{
		visibility:				visible;
		
		padding:				10px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		border-top:				solid 1px #A9AAAF;
	}
	
	.sIFR-flash
	{
		position:				absolute;
		
		visibility:				hidden !important;
		
		line-height:			100%;
		margin:					0;
	}
}

/*************************************************************************************************/
/* HANDHELD SETTINGS                                          									 */
/*************************************************************************************************/
@media handheld 
{
	.containerInvisible
	{
		width:					100%;
		text-align:				right;
	}

	#containerTotal
	{
		font-family: 			Verdana, Arial, Helvetica;
	}
}