/*************************************************************************************************/
/* Author:			VINCIS / Timen Nieuwhuis	                                              	 				 */	
/* Description:		Stylesheet 										                                 */
/*************************************************************************************************/
@media screen 
{	
	#content
	{
		float:				left;
		width:				725px;
		height:				500px; 
		border-left:		1px dashed #172983;
		border-right:		1px dashed #172983;
		
		padding:			0 10px 0 10px;
	}
	*>#content
	{
		min-height:				500px;
		height:					auto;
	}

	/*** Left ************************************************************************************/		
	
		#left
		{
			float:				left;
			width:				202px;
			height:				415px;
			padding:			0 10px 0 0; 
			margin:				0 0 20px 0;
		}
		*>#left
		{
			min-height:				415px;
			height:					auto;
		}	
			#menuItems
			{
				height:				231px;
			}
			*>menuItems
			{
				min-height:			231px;
				height:				auto;
			}
		
			
			#containerPhoto
			{
				width:					200px;
				height:					184px;

			}
	
	/*** Content *********************************************************************************/		
		
		#containerContentText
		{
			float:				left;
			height:				415px;
			width:				492px; 
			padding:			0 10px 0 10px;
			margin:				0 0 20px 0;
			
			color:				#172983;
			
			font-size:			1.1em;
			border-left:		1px dashed #172983;
			overflow-x: 		hidden; 
			overflow-y: 		scroll; 
			
		}

		#containerContentText a
		{
				color:				#172983;
		}
		
		#containerContentText p
		{
				margin:				2px 0px 0px 0px;
		}
		
		#containerContentText ul
		{
			margin:					0 0 0 10px;
			padding:				5px 0 5px 0;

		}
		
			#containerContentText ul li
			{
				display:			list-item;
				padding:			0;
			}
		
		#containerContentText ol
		{
			padding:				5px 0 5px 0;
			margin:					0;	
		}
		
			#containerContentText ol li
			{
					padding:				0;
					margin:					0 0 0 21px;
			}
		
		.blauw
		{
			color:				#009ee1;
		}
		
		
		.roze
		{
			color:				#ba007b;
		}
		
		
		/*** Stylen Feedback module ***/
		
			#containerFeedback
			{
				width:					150px;
				height:					175px;
			
				margin:					10px 0 0 0;
				
				background-color:		#f1e6f1;
			}
			
				#containerFeedback h2
				{
					padding:				3px 3px 3px 5px;
				
					font-size:				1.0em;
				
					color:					#ffffff;
					background-color:		#ba007b;
				}
				
					#Feedback
					{
						color:					#000000;
						margin:  				3px 0 0 5px;
					}
					
						#Feedback ul
						{
							padding:			0;
							margin:				4px 0 6px 0;
						}
					
							#Feedback ul li
							{
								padding:			0;
								margin:				0;
							}
					
		/*** Stylen Reaction module ***/
		
		#containerReactions
			{
				padding:				0;
				margin:					0;
			}	
						
				#containerReactions h2
				{		
					display:				inline;
					
					font-size:				1.0em;
					color:					#172983;
									
					padding:				0px;
					margin:					0px;		
				}
			
				#containerReactions hr
				{
					color:					#172983;
					background-color:		#172983;
					margin:					15px 0px 15px 0px;
				}
				
			.reactionBy
			{
				width:					472px;
				clear:					both;

				text-align:				right;
				
				padding:				7px 0px 0px 0px;
				margin:					0px;
				
				font-size:				0.9em;
			}
			
			.reactionBy a
			{
				color:					#ba007b!important;
				font-weight:			normal;
			}
			
			
			.reactionPost
			{
				clear:					both;
				
				height:					35px;
						
				padding:				5px 10px 5px 10px;
				margin:					0px;
				
				color:					#6a6e72;
				
				background-color:		#d5eefa;	
				border-top:				solid 1px #172983;
				border-bottom:			solid 1px #172983;
			}
			
			*>.reactionPost 
			{
				min-height:				35px;
				height:					auto;
			}
			
			.reactionOptions
			{
				clear:					both;
				
				height:					30px;
				
				padding:				0px;
				margin:					0px 0px 17px 0px;		
			}
			
			.reactionNumber
			{
				float:					left;
				clear:					both;
				clear:					both;
				padding:				0px;
				margin:					0px;
			}
			
		/*** Stylen Nieuwsbrief aanmelden ***/
		
		.radio
		{
			float:						left;
		}
		
		#containerNewsletter h3
		{
			margin:				30px 0 0 0;
			font-size:			1.1em;
		}				
		
		
		
		/*** Stylen Layout foto ***/
				
		#contentBottom
		{
				float:					left;
				height:					100px; 
				width:					725px;  
		}
		
		
		/*** Paging ***/	

	#containerPaging ul
	{		
		clear:					both;
		
		height:					20px;
		padding:				0;
		margin:					0;
	}
				
			#containerPaging ul li
			{
				float:					left;
				
				width:					13px;
				min-width:				13px;
				padding:				3px 3px 3px 3px;
				margin:					0 5px 0 0;
				
				list-style:				none;
				background-image:		none;
				text-align:				center;
				
				background-color:		#ffffff;
				
				border:					1px solid #172983;
			}
			
			*>#containerPaging ul li
			{
				width:					auto;
			}
			
				#containerPaging ul li a
				{
					color:					#172983;
				}
				
					#containerPaging ul li a:hover
				{
					color:					#c8cae4;
				}
		
		#containerPaging .selectedPageNumber
		{
			color:					#FFFFFF;
			font-weight:			bold;
			
			background-color:		#ba007b;
			
			border-color:			#172983;
		}
		
		
	/*** Gis *************************************************************************************/
	#contentWeb
	{
		height:15px;
	}
	
	.gis_entiteittype
	{
		width:			25%;
		float:			left;
		padding:		2px 0 2px 0;
	}
	

	
	.colorBox
	{
		float:			left;
	}	
		
	#legenda
	{
		clear:			both;
		padding:		20px 0 10px 0;
	}
	
		#legenda h1
		{
			margin:		 0 10px 0 0;
		}
		

	/*** ContainerRight **************************************************************************/

	#containerRight h2
	{
		color:				#172983;
		font-size:			1.0em;
	}
	
	#containerRight ul
	{
		list-style:			none;
		margin:				10px 0 0 0;
	}

	

	#containerDownloads
	{
		width: 					200px;
		height:					40px;
		margin:					20px 0 20px 10px;
		padding:				10px 10px 10px 10px;
		color:					#6a6e72;
		
		font-size:				1.1em;
		background-color:		#d5eefa;	
	}
	*>#containerDownloads
	{
		min-height:				40px;
		height:					auto;	
	}
	
		#containerDownloads ul li
		{
			height:					24px;
			margin:					0;
			
			background-repeat:		no-repeat;
			padding:				5px 0 3px 30px;
			
			background-image:		url(/sjablonen/2/images/doctypes/general.gif);
			background-position:	0 3px;
				
		}
		*>#containerDownloads ul li
		{
			min-height:				24px;
			height:					auto;
		}	
	 
		
	#containerPrintMail
	{
		float:					left;
		display:				inline;
		width: 					200px;
		height:					77px;
		margin:					5px 0 20px 10px;
		padding:				10px 10px 10px 10px;
		color:					#6a6e72;
		
		font-size:				1.1em;
		background-color:		#d5eefa;	
	}
	

		#containerPrintMail ul li
		{
			height:					24px;
			margin:					0;
			background-repeat:		no-repeat;
		}
		
			#containerPrintMail ul li a, #containerDownloads ul li a 
			{
				color:				#6a6e72;
				font-weight:		normal;
			}
			
			#containerPrintMail ul li.print
			{
				padding:				5px 0 0 30px;
			
				background-image:		url(/sjablonen/2/images/general/prt_scr.gif);
				background-position:	0 0;
			}
			
				#containerPrintMail ul li.print a
				{
					
				}
				
			
			
			#containerPrintMail ul li.mail
			{
				padding:				1px 0 0 30px;
				
				background-image:		url(/sjablonen/2/images/general/m2f.gif);
				background-position:	0 2px;
			}
		
	#containerContact
	{
		float:					left;
		display:				inline;
		width: 					200px;
		height:					80px;
		margin:					5px 0 20px 10px;
		padding:				10px 10px 10px 10px;
		color:					#6a6e72;
		
		font-size:				1.1em;
		background-color:		#d5eefa;	
	}
	*>#containerContact
	{
		min-height:				80px;
		height:					auto;
	}
	
	
	#containerContact ul li
		{
			height:					24px;
			margin:					0;
			background-repeat:		no-repeat;
			padding-left:			0px;
		}
		
	#containerContact ul li a
	{
		color:				#6a6e72;
		FONT-WEIGHT:		normal;
	}		

	#containerContact .contactName
	{
		color:				#172983;
		FONT-WEIGHT: 			Bold;
	}



}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print

}

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