/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 6 (home)	                                         */
/*************************************************************************************************/

@media screen 
{		
	/*********************************************************************************************/
	/* Containers & styles (shortcuts)                    			 	 		 				 */
	/*********************************************************************************************/
	
	#containerShortcuts
	{		
		height:					43px;
		
		background-color:		#AA0009;
		
		border-top:				solid 1px #FFFFFF;
	}	
	
	#containerShortcuts a
	{
		color:					#FFFFFF;
	
		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, search, doormats & menu)                			 	 		 */
	/*********************************************************************************************/
	
	#containerLogo
	{		
		cursor:					pointer;
		
		width:					100%;
		height:					53px;
		
		background-color:		#AA0009;				
		background-repeat: 		no-repeat;
		background-position:	20px 0px;
		background-image: 		url("/sjablonen/6/images/logos/logo_large.png");	
		
		border-bottom:			solid 1px #FFFFFF;
	}
	
	#containerSearch
	{
		position:				absolute;
		top:					14px;
		right:					0px;		
		
		width:					192px;
	}
	
	#containerTopMenu
	{
		width:					100%;
		height:					202px;
		
		border-bottom:			solid 1px #FFFFFF;
	}
	
	.doormat
	{
		float:					left;
		
		width:					191px;
		height:					202px;
		
		border-right:			solid 1px #FFFFFF;		
	}
	
	#doormat5
	{		
		border-right:			none;
	}
		
	/*********************************************************************************************/
	/* 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;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (picture of the day)				 			 					 */
	/*********************************************************************************************/
	
	#containerPictureOfTheDay
	{		
		float:					left;
		
		width:					191px;
		height:					350px;
		
		background-position:	50% 0;
		
		border-right:			solid 1px #E5E5E5;
	}
	
	#containerPictureOfTheDayDescription
	{		
		width:					150px;
		height:					30px;
		
		padding:				10px;
		margin: 				200px 0px 0px 21px;
				
		color:					#FFFFFF;
				
		background-image:		url('/sjablonen/1/images/adxmenu/background.png');
	}
	
	#containerPictureOfTheDayDescription a
	{
		text-decoration:		none;
		
		color:					#FFFFFF;
	}
	
	#containerPictureOfTheDayDescription a:hover
	{
		text-decoration:		underline;
	}
				
	/*********************************************************************************************/
	/* Containers & classes (last fires, departments & extranet) 	 				 			 */
	/*********************************************************************************************/
	
	#containerRight
	{
		float:					left;
		
		width:					384px;
		height:					350px;	
	}
	
	#containerRight ul
	{
		padding:				0px;
		margin:					0px;
	}
	
	#containerRight ul li
	{		
		padding-top:			6px;
		
		list-style-type:		none;		
	}
	
	#containerLastFires
	{
		float:					left;
		
		width:					162px;
		height:					310px;
		
		padding:				40px 10px 0px 20px;		
	}
	
	.doormatSmall
	{
		float:					left;
		
		width:					191px;
		height:					110px;
	}
	
	#containerSelectDepartment
	{		
		width:					192px;
		height:					85px;
		
		background-color:		#CBA53D;	
	}
	
	#containerExtranet
	{
		width:					192px;
		
		background-color:		#000047;
		
		border-top:				solid 1px #FFFFFF;		
	}
	
	/*********************************************************************************************/
	/* Containers (footer) 			 	 				 			 				 			 */
	/*********************************************************************************************/
	
	#containerFooter
	{
		background-image: 		url("/sjablonen/1/images/general/footer_home.gif");
	}
}
