/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 1 (home)	                                         */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/
	/*********************************************************************************************/
	html
	{
		width:					100%;
		height:					100%;
	}
	
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					0;		
		
		font-family: 			Arial, Sans-Serif;
		color:					#000;
	}

	img 
	{
		border: 				none;
		
		padding:				0;
		margin:					0;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a 
	{		

	}
	
		a:hover 
		{

		}
	
	h1, h2, h3, p
	{
		margin:					0;
		padding:				0;
		color:					#0053b1;
	}
	
	p
	{
		color:					#000000;
	}
	
	hr 
	{
		clear:					both;
		height: 				0;
		border: 				0;
		border-top: 			1px solid #0053b1;
		margin:					16px 0 16px 0;
	}
	
	textarea
	{
		font-family: 			Arial, Sans-Serif;
	}
	
	.cm_button
	{
		line-height:			100%;
		position:				relative;
		float:					left;
		
		height:					18px;
		margin-right:			5px;
		
		padding:				2px 0px 0px 0px;

		
		color:					#ffffff;
		font-size:				1em;
		font-weight:			bold;
		
		border:					1px solid #0053b1;
		background-color:		#0053b1;
	}
	
	*>.cm_button
	{
		min-height:				18px;
		height:					auto;
	}
	
	.pp_entiteittype		
	{
		font-family: 			Arial,Hevetica; 
		font-size:				8pt;
	}
	
	.hidden
	{
		display:				none;
	}
	/*********************************************************************************************/
	/* Containers & classes (shortcuts, menu & doormats)                                         */
	/*********************************************************************************************/
	#containerPrint, #containerPrint #printLogo
	{
		display:				none;
	}
	
	#containerTotal 
	{
		position: 				relative;
		width: 					962px;
		margin:					0px auto;				
		padding:				0;
	}		
	
		#background
		{
			position:				absolute;
			width:					200px;
			height:					416px;
			top:					20px;
			left:					19px;
			
			background-image:		url('/sjablonen/1/images/general/bg.gif');
			background-repeat:		no-repeat;
			
			z-index:				2;
		}
		
		#logo
		{
			position:				absolute;
			width:					144px;
			height:					63px;
			top:					45px;
			left:					30px;
			
			background-image:		url('/sjablonen/1/images/general/logo.png');
			background-repeat:		no-repeat;
			
			cursor:					pointer;
			
			z-index:				3;
		}
		
		#containerUpperLeftCorner
		{
			position:				relative;
			float:					left;
			width:					145px;
			height:					130px;
			
			border-top:				20px solid #0053b1;
			border-left:			20px solid #0053b1;
			
			z-index:				1;
		}
		
		#containerTop
		{
			position:				absolute;
			width:					797px;
			height:					20px;
			right:					0;
			top:					0;
			
			background-image:		url('/sjablonen/1/images/general/diag_blauw.gif');
			background-repeat:		no-repeat;
			z-index:				2;
		}
		
			#containerTop ul
			{
				position:				relative;
				float:					left;
				display:				inline;
				height:					18px;
				margin:					2px 0 0 5px;
				padding:				0;
				list-style:				none;
			}
			
			#containerTop ul.biggerText
			{
				margin-left:			0px;
			}
			
				#containerTop ul li
				{
					position:				relative;
					float:					left;
					display:				inline;
					margin-left:			30px;
					font-size:				1.1em;
				}
				
					#containerTop ul li a
					{
						color:					#0053b1;
					}
					
						#containerTop ul li a:hover
						{
							color:					#333;
						}

			#containerSearch
			{
				position:				relative;
				float:					right;
				height:					18px;
				margin-top:				2px;
				background-color:		#ffffff;
			}
			
			*>#containerSearch
			{
				min-height:				18px;
				height:					auto;
			}
			
				#search
				{
					position:				relative;
					float:					left;
					margin-right:			5px;
					font-family:			Tahoma;
					font-size:				1.2em;
					font-weight:			bold;
					color:					#0053b1;
				}
			
				#containerSearchField
				{
					position:				relative;
					float:					left;
				}
			
					#containerSearchField .field
					{
						position:				relative;
						float:					left;
						width:					88px;
						height:					1.3em;
						margin:					0;
						padding:				0;
						padding-left:			2px;
						
						color:					#808080;
						font-size:				1.1em;
						border:					1px solid #0053b1;
					}
			
				.searchButton
				{
					line-height:			100%;
					position:				relative;
					float:					left;
					
					height:					16px;
					margin-left:			5px;
					
					padding:				0px 0px 0px 0px;
					width:					26px;
					
					color:					#ffffff;
					font-size:				0.9em;
					
					border:					1px solid #0053b1;
					background-color:		#0053b1;
				}
					
		#containerDynamic
		{
			position:				relative;
			float:					left;
			width:					797px;
			height:					130px;
			margin-top:				20px;
			background-repeat:		no-repeat;
			
			z-index:				1;
		}
		
			#overlay
			{
				position:				relative;
				display:				inline;
				float:					left;
				width:					75px;
				height:					130px;			
				filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sjablonen/1/images/general/overlay.png', sizingMethod='image');
			}
		
			*>#overlay
			{
				filter:					none;
				background-image:		url('/sjablonen/1/images/general/overlay.png');
				background-repeat:		no-repeat;
			}
		
		#containerNoMenu
		{
			position:				relative;
			float:					left;
			width:					634px;
			padding:				20px;

			background-position:	left top;
			background-image:		url('/sjablonen/1/images/general/diag_blauw.gif');
			background-repeat:		no-repeat;
			
			z-index:				3;
		}
		
		#outerMenu
		{
			position:				relative;
			float:					left;
			width:					194px;
			height:					450px;
			padding-bottom:			20px;

			background-position:	left bottom;
			background-image:		url('/sjablonen/1/images/general/diag_blauw.gif');
			background-repeat:		no-repeat;
			
			z-index:				3;
		}
		
		*>#outerMenu
		{
			min-height:				450px;
			height:					auto;
		}
			
			#containerMenu
			{
				position:				relative;
				float:					left;
				width:					174px;
				height:					450px;
				
				border-left:			20px solid #0053b1;
			}
			
			*>#outerMenu
			{
				min-height:				450px;
				height:					auto;
			}
		
		#containerPath
		{
			position:				relative;
			float:					left;
			width:					768px;
			margin-top:				10px;
			color:					#7f7f7f;
			font-size:				1.1em;
		}
		
			#containerPath a
			{
				color:					#7f7f7f;
				text-decoration:		none;
			}
			
			#containerPath a:hover
			{
				color:					#0053b1;
			}
		
		#containerLeft
		{
			position:				relative;
			float:					left;
			width:					450px;
			margin:					10px 30px 0 0;
			z-index:				4;
		}
		
		.optionleft1
		{
			 width:					610px!important;
			 margin-right:			10px!important;
		}
		
		.optionleft2
		{
			 width:					768px!important;
			 margin-right:			0!important;
		}
		
				#containerLeft h1.title,  #containerNoMenu h1.title, #containerRight h2.title, #containerPopup h1.title
				{
					position:				relative;
					float:					left;
					clear:					both;
					margin-bottom:			5px;
					font-size:				1.6em;
				}
				
		#containerPopup
		{
			padding:				10px;
		}
/*********************************************************************************************/
/* ContainerContent											                                     */
/*********************************************************************************************/
				#containerContent
				{
					/*position:				relative;*/
					float:					left;
					display:				inline;
					width:					100%;
					margin-bottom:			20px;
					font-size:				1.1em;
					line-height:			160%;
					overflow:				hidden;
				}
		
					#containerContent h1
					{
						font-size:				1.4em;
					}
					
					#containerContent h2
					{
						font-size:				1.2em;
					}
			
					#containerContent h3
					{
						font-size:				1.1em;
					}
			
					#containerContent a
					{
						color:					#0053b1;
					}
				
					#containerContent a:hover
					{
						color:					#4d4d4d;
					}
				
				#containerContent ul, ol
				{
					position:				relative;
					display:				block;
					padding:				0;
					margin:					0 0 0 42px;
				}

				#containerContent ul
				{
					margin:					0 0 0 22px;
					list-style-type:		none;
				}
				
					#containerContent ul li
					{	
						position:				relative;
						display:				block;
						padding:				1px 2px 0px 20px;
						margin:					0px;
						background-image:		url('/sjablonen/1/images/general/arrow_blue.png');
						background-position:	0px 9px;
						background-repeat:		no-repeat;
					}
				
						#containerContent iframe
						{	
							width:					100%;
							height:					628px;
							border:					0;
						}

			/* =Alignment */
			#containerContent .textAlignRight
			{
				text-align:			right;
			}
			
			#containerContent .textAlignCenter
			{
				text-align:			center;
			}
			
			#containerContent .textAlignJustify
			{
				text-align:			justify;
			}

			#containerContent .textAlignLeft
			{
				text-align:			left;
			}					
/*********************************************************************************************/
/* Span's overeenkomstig met editor											                          			     */
/*********************************************************************************************/	

					#containerContent .zwart
					{
						color:				#000000;
					}
					
					
					#containerContent .blauw
					{
						color:				#0053b1;
					}
					
					
					#containerContent .grijs
					{
						color:				#cccccc;
					}
					
					#containerContent .groen
					{
						color:				#009900;
					}

					#containerContent .rood
					{
						color:				#ff0000;
					}

					#containerContent .geel
					{
						color:				#ffff00;
					}

					#containerContent .oranje
					{
						color:				#ff7f00;
					}

					#containerContent .paars
					{
						color:				#8000ff;
					}
					
					
					#containerContent table
					{
						clear:					both;
						padding: 				0;
						margin:					0;
						border-collapse: 		collapse;
					}
					
						#containerContent table td
						{
							padding:				0;
							margin:					0;
						}

/*********************************************************************************************/
/* Paging											                          			     */
/*********************************************************************************************/						
						
				#containerContent #containerPaging ul
				{		
					clear:					both;
				}
				
					#containerContent #containerPaging ul li
					{
						float:					left;
						
						height:					21px;
						line-height:			21px;
						width:					21px;
						
						padding:				0;
						margin-right:			5px;
						
						list-style:				none;
						text-align:				center;
						font-weight:			bold;

						background-color:		#fff;
						background-image:		none;
						border:					1px solid #0053b1;			
					}
					
				#containerContent #containerPaging .selectedPageNumber
				{
					color:					#fff;
					background-color:		#0053b1;
					border-color:			#0053b1;
				}
				
					#containerContent #containerPaging  ul li a
					{
						display:				block;
						width:					100%;
						color:					#0053b1;
					}
				
					#containerContent #containerPaging  ul li a:hover
					{
						color:						#fff;
						background-color:			#0053b1;
					}
				
/*********************************************************************************************/
/* Reaction												                              		     */
/*********************************************************************************************/
				
				#containerContent #containerReactions
				{
					margin-top:				20px;
				}
				
					#containerContent .reactionBy
					{
						float:					right;
					}
					
					#containerContent .reactionPost
					{
						display:				block;
						clear:					both;
						
						height:					60px;
						padding:				10px;
						
						background-color:		#efefef;
						border-top:				1px solid #0053b1;
						border-bottom: 			1px solid #0053b1;
					}
					
					*>#containerContent .reactionPost 
					{
						min-height:				60px;
						height:					auto;
					}
					
					#containerContent #legendReaction
					{					
						color: 					#FF0000;
						font-size: 				.9em;
					}
					
						input.editfield
						{
							display:				block;
						}
					
					#containerContent .reactionOptions
					{
						position:				relative;
						float:					left;
					}
					
					#containerContent .reactionOwner
					{
						position:				relative;
						float:					left;
					}
					
						#containerContent .reactionOwner a
						{
							color:					#ff0000;
						}
					
					#containerContent .reactionNumber
					{
						position:				relative;
						float:					left;
						width:					100%;
					}
					
					#containerContent .formFieldIcons ul 
					{
						position:				relative;
						float:					left;
						clear:					both;
						margin:					10px 0;
					}
						
						#containerContent .formFieldIcons ul li
						{
							position:				relative;
							float:					left;
							text-align:				center;
							vertical-align:			bottom;
							width:					30px;
							height:					30px;
							background-image:		none;
						}

/*********************************************************************************************/
/* News													                                     */
/*********************************************************************************************/
						
				#containerContent .newsItemTitle a
				{
					font-weight:			bold;
				}

				#containerContent p.greyLink
				{
					color:					#999;
				}
				
				#containerContent .newsItem
				{
					border-top:				1px solid #999;
				}

				#containerContent #containerAnswers
				{
					margin-left:			20px;
				}

/*********************************************************************************************/
/* Poll													                                     */
/*********************************************************************************************/
				
				#containerContent .pollAnswer
				{
					width:					100%;
				}
				
				#containerContent .pollAnswer p
				{
					margin-top:				10px;
				}
				
				#containerContent .pollAnswer .pollTemplate
				{
					padding:				2px;
					background-color:		#eee;
					border:					1px solid #333;
				}
				
					#containerContent .pollAnswer .pollTemplate div
					{
						height:					1.1em;
						background-color:		#0053b1;
					}
				
						#containerContent .pollAnswer .pollTemplate div p
						{
							margin:					0;
							padding-left:			5px;
							font-weight:			bold;							
							line-height:			1.1em;
							color:					#333;
						}
				
					#containerContent .pollAnswer .pollTemplate div.most
					{
						background-color:		#0053b1;
					}
					
						#containerContent .pollAnswer .pollTemplate div.most p
						{
							color:					#fff;
						}
					
/*********************************************************************************************/
/* Einde ContainerContent											                          */
/*********************************************************************************************/
				
		#containerRight
		{
			position:				relative;
			float:					right;
			width:					288px;
			margin-top:				10px;
			overflow:				hidden;
		}

		.optionright1
		{
			width:					148px!important;
		}
		
		.optionright2
		{
			float:					right!important;
			width:					768px!important;
			margin-top:				20px!important;
		}
		
			#containerRight ul
			{
				position:				relative;
				float:					left;
				clear:					both;
				margin:					0 0 20px 0;
				padding:				0;
				list-style:				none;
			}
		
				#containerRight ul li
				{	
					position:				relative;
					float:					left;
					width:					136px;
					display:				inline;
					clear:					both;
					margin:					0;
					padding:				5px 0px 5px 12px;
					
					font-size:				1.1em;
					
					background-image:		url('/sjablonen/1/images/general/arrow_blue.png');
					background-repeat:		no-repeat;
					background-position:	left .9em;
				}
		
				#containerRight ul li.close
				{
					display:				none;
				}
				
				#containerRight ul li.open
				{
					display:				inline;
				}
		
				#containerRight ul#relevant li
				{
					background-image:		url('/sjablonen/1/images/general/block.gif');
					background-position:	left .78em;
				}
		
				#containerRight ul#downloads li
				{
					padding-left:			22px;
					background-position:	left .4em;
				}
		
				#containerRight ul li.moreless
				{
					background-image:		none!important;
				}
		
				#containerRight ul li.doc
				{
					background-image: 		url('/sjablonen/1/images/doctypes/doc.gif');
				}

				#containerRight ul li.pdf
				{		
					background-image: 		url('/sjablonen/1/images/doctypes/pdf.gif');
				}
				
				 #containerRight ul li.p9t
				{		
					background-image: 		url('/sjablonen/1/images/doctypes/ppt.gif');
				}
				
				#containerRight ul li.xls
				{		
					background-image: 		url('/sjablonen/1/images/doctypes/xls.gif');
				}
				
				#containerRight ul li.unknown
				{		
					background-image: 		url('/sjablonen/1/images/doctypes/unknown.gif');
				}
			
					#containerRight ul li a
					{
						color:					#0053b1;
						text-decoration:		underline;
					}
					
						#containerRight ul li a:hover
						{
							color:					#333;
						}
					
					#containerRight ul#relevant li a, #containerRight ul#downloads li a
					{
						color:					#333;
						text-decoration:		none;
					}
					
						#containerRight ul#relevant li a:hover, #containerRight ul#downloads li a:hover
						{
							color:					#0053b1;
						}
	.floatCloser
	{
		clear:both;
	}
	
	.formField
	{
		margin-bottom:		8px;
	}
	
	/*********************************************************************************************/
	/* 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:		#CBA53D;
	}
	
	.underline
	{
		text-decoration:		underline;
	}
	
			#containerContent .floatRight
		{
			float: 				right;
			padding-left:		8px;
		}
		
			#containerContent .floatLeft
		{
			float: 				left;
			padding-right:		8px;
		}
		
		
			#containerContent .border1
		{
			border:				solid 1px #a16400;	/* =1 */
		}

			#containerContent .border2
		{
			border:				solid 2px #a16400;	/* =1 */
		}
		
			#containerContent .border3
		{
			border:				solid 3px #a16400;	/* =1 */
		}
		
		
			#containerContent strong
		{
			font-weight:		bold;
		}
		
			#containerContent em
		{
			font-style:			italic;
		}
		
		#containerContent .Tabel_rechts
		{
			float:				right;
		}
		
		#containerContent .Tabel_links
		{
			float:				left;
		}
		
		
		/* social */
		#containerTotal ul li.social
		{
			padding:			12px 0 0 11px;
			background-image:	none;
		}
	
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 16px 16px 0px;

		font-family:			Tahoma, Arial, Helvetica;
		font-size:				10pt;
		line-height:			140%;
	}

	a
	{
		color:					#000000;
		text-decoration:		none;
	}
	
	h1
	{
		font-size:				2em;
	}
	
	h2
	{
		font-size:				1.6em;
	}
	
	h3
	{
		font-size:				1.2em;
	}
	
	#containerPrint
	{
		text-align:				right;
	}
	
	#containerPath
	{
		display:				none;
		color:					#cccccc;
		font-size:				8pt;
		margin-bottom:			16px;
	}

	#containerPath a
	{
		color:					#cccccc;
		text-decoration:		none;
	}
	
	#logo
	{
		position:				relative;
		width:					130px;
		height:					71px;
		top:					45px;
		left:					30px;
		
		background-image:		url('/sjablonen/1/images/general/logo.png');
		background-repeat:		no-repeat;
		
		cursor:					pointer;
		
		z-index:				3;
	}
		
	#background, #logo, #containerTop, #containerSearch, #containerUpperLeftCorner, #containerDynamic, #outerMenu, #containerRight, #overzicht, .cm_button, .hidden
	{
		display:				none;
	}	
}



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