/*************************************************************************************************/
/* 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 
		{

		}
		
		a:visited
		{

		}
	
	h1, h2, h3, h4, p
	{
		margin:					0;
		padding:				0;
	}
	
	.zwart
	{
		color:				#000000;
	}

	.blauw
	{
		color:				#0053b1;
	}

	.grijs
	{
		color:				#cccccc;
	}

	.groen
	{
		color:				#009900;
	}

	.rood
	{
		color:				#ff0000;
	}

	.geel
	{
		color:				#ffff00;
	}

	.oranje
	{
		color:				#ff7f00;
	}

	.paars
	{
		color:				#8000ff;
	}

	/*********************************************************************************************/
	/* Containers & classes (shortcuts, menu & doormats)                                         */
	/*********************************************************************************************/
	#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;
			
			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:			0.9em;
					position:				relative;
					float:					left;
					
					height:					16px;
					margin-left:			5px;
					
					padding:				0;
					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;
			}
		
		#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:					158px;
				height:					450px;
				padding-right:			16px;
				
				border-left:			20px solid #0053b1;
			}
			
			*>#outerMenu
			{
				min-height:				450px;
				height:					auto;
			}
			
			.title
			{
				width:					100%;
				height:					26px;
				
				background-color:		#79cfed;
				padding:				0;
				margin:					0;
			}
			
			*>.title
			{
				min-height:				26px;
				height:					auto;
			}
			
				.title h1, .title h3
				{
					padding:				3px 0 0 15px;
					font-size:				1.6em;
					color:					#ffffff;
				}
			
			.left .newsItem
			{
				float:					left;
				display:				inline;
				width:					327px;
				margin:					15px 0 0 15px;
				line-height:			160%;
			}
			
			.right .newsItem
			{
				width:					411px;	
				margin:					10px 0 0 0;
				line-height:			160%;
			}
			
				.newsItem  .newsFoto
				{
					float:					left;
					width:					80px;
					height:					60px;
					margin:					5px 5px 0 0;
					cursor:					pointer;
				}
				
				.newsItem  #newsFotoGroot
				{
					float:					left;
					width:					107px;
					height:					80px;
					margin:					2px 15px 0 0;
					cursor:					pointer;
				}
			
				.newsItem h2, .newsItem h4
				{
					font-size:				1.3em;
					font-family:			Tahoma;
					font-weight:			bold;
				}
				
					.newsItem h2 a, .newsItem h4 a
					{
						text-decoration:		none;
					}
			
				.left p
				{
					width:					242px;
				}
				
				.right p
				{
					width:					289px;
				}
				
				p.summary, p.watdoenwe, p.summaryLarge
				{
					position:				relative;
					display:				inline;
					float:					left;
					margin-top:				3px;
					font-size:				1.1em;
				}
				
					p.summary a
					{
						white-space:			nowrap;
					}
				
				
				div.morenews
				{
					float:					left;
					clear:					both;
					display:				inline;
					width:					150px;
					
					
					margin:					10px 0 0 15px;
					font-size:				1.07em;
				}
				
				div.watdoenwe
				{
					width:						396px;
					margin:						15px 0 0 15px;
					
					font-size:					1.1em;
				}
					
					div.watdoenwe p
					{
						width:						396px;
					}
				
					div.watdoenwe h3
					{
						
						font-size:					1.1em;
						font-family:				Tahoma;
						font-weight:				bold;
						color:						#0053b1;
					}
					
					
					div.watdoenwe ul
					{
						position:				relative;
						margin:					10px 0 0 4px;
						padding:				0;
						
						list-style:				none;
					}
					
						div.watdoenwe ul li
						{
							padding:				2px 0px 2px 13px;
							
							background-image:		url('/sjablonen/1/images/general/arrow_blue.png');
							background-repeat:		no-repeat;
							background-position:	left 7px;
						}
						
					
					
				
				p.summaryLarge
				{
					width:						414px;
				}
				
				ul.frontpage
				{
					position:				relative;
					margin:					10px 0 0 4px;
					padding:				0;
					
					list-style:				none;
				}
				
					ul.frontpage li
					{
						padding:				5px 0 5px 13px;
					
						font-size:				1.1em;
					
						background-image:		url('/sjablonen/1/images/general/arrow_blue.png');
						background-repeat:		no-repeat;
						background-position:	left 10px;
					}
			
			.left, .right
			{
				position:				relative;
				margin-top:				30px;
				z-index:				4;
			}
			
			.left
			{
				float:					left;
				width:					342px;
				height:					530px;
			}
			
				*>.left
				{
					min-height:				530px;
					height:					auto;
				}
			
			.right
			{
				float:					right;
				width:					411px;
				margin-left:			9px;
			}
		
			.right.half
			{
				width:					201px;
			}
		
			.left a, .right a
			{
				color:					#0053b1;
			}
			
				.left a:hover, .right a:hover
				{
					color:					#4d4d4d;
				}
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{
}

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