/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 1 (home)	                                         */
/*************************************************************************************************/

@media screen 
{		
	/*********************************************************************************************/
	/* Containers & styles (shortcuts)                    			 	 		 				 */
	/*********************************************************************************************/
	
	#containerShortcuts
	{		
		height:					43px;
		
		border-top:				solid 1px #FFFFFF;		
	}	
	
	#containerShortcuts a
	{
		color:					#999999;
	
		text-decoration:		none;
	}

	#containerShortcuts a:hover
	{		
		font-weight:			normal;
		text-decoration:		underline;
	}	

	#containerShortcuts ul
	{
		float:					right;
		clear:					both;
		
		padding-right:			20px;
	}

	#containerShortcuts ul li
	{		
		float:					left;
			
		padding:				6px 0px 0px 20px;	
			
		list-style-type:		none;					
	}
	
	/*********************************************************************************************/
	/* Containers & classes (logo, doormats & menu)                     			 	 		 */
	/*********************************************************************************************/
	
	#containerLogo
	{		
		cursor:					pointer;
		
		width:					100%;
		height:					53px;
		
		background-repeat: 		no-repeat;
		background-position:	20px 0px;
		background-image: 		url("/sjablonen/1/images/logos/logo_large.png");
		
		border-bottom:			solid 1px #FFFFFF;	
	}
	
	#containerTopMenu
	{
		width:					100%;
		height:					202px;
		
		border-bottom:			solid 1px #FFFFFF;
	}
	
	.doormat
	{
		float:					left;
		
		width:					191px;
		height:					202px;
		
		border-right:			solid 1px #FFFFFF;		
	}
		
	#doormat5
	{	
		background-color:		#CBA53D;
		
		border-right:			solid 1px #CBA53D;
	}	
		
	/*********************************************************************************************/
	/* Containers & classes (news)                     			 	 				 			 */
	/*********************************************************************************************/
	
	#containerLeft
	{		
		float:					left;
		
		width:					576px;			
		
		background-color:		#F2F2F2;
	}
	
	#containerLeft ul
	{
		padding:				0px;
		margin:					0px;
	}
	
	#containerLeft ul li
	{		
		padding-top:			6px;
		
		list-style-type:		none;		
	}
	
	#containerNews
	{
		float:					left;
		
		width:					353px;
		height:					310px;
		
		padding:				40px 10px 0px 20px;
		
		border-right:			solid 1px #E5E5E5
	}
		
	.newsItem
	{
		clear:					both;
		
		height:					66px;
		
		margin-bottom:			25px;	
	}
	
	.newsItemImage
	{
		float:					left;
		
		width:					87px;
		height:					66px;
		
		margin-right:			20px;		
	}

	.newsItemContent
	{		
		float:					left;
		
		width:					240px;
								
		padding-top:			6px;
	}
	
	.newsItemDate
	{
		color:					#999999;
		
		padding-right:			6px;
	}
			
	#containerLastFires
	{
		float:					left;
		
		width:					161px;
		height:					310px;
		
		padding:				40px 10px 0px 20px;
		
		border-right:			solid 1px #E5E5E5;
	}
		
	/*********************************************************************************************/
	/* Containers & classes (banner, extranet & map) 			 	 				 			 */
	/*********************************************************************************************/
	
	#containerRight
	{
		float:					left;
		
		width:					384px;
		height:					350px;	
	}
	
	.doormatSmall
	{
		float:					left;
		
		width:					191px;
		height:					110px;
	}
	
	#containerBanner
	{
		cursor:					pointer;
		
		border-right:			solid 1px #FFFFFF;
	}
	
	#containerExtranet
	{
		background-color:		#000047;
		
		border-right:			solid 1px #000047;
	}
	
	/*********************************************************************************************/
	/* Containers (footer) 			 	 				 			 				 			 */
	/*********************************************************************************************/
	
	#containerFooter
	{
		background-image: 		url("/sjablonen/1/images/general/footer_home.gif");
	}
}