/************************************************************************************************/
/* Created on: 		20-07-2007																	*/
/* Author:			R.Rispens 													                */
/* Description:		Stylesheet for template 1 (home)											*/
/* Copyright:  		Vincis B.V. The Netherlands													*/
/************************************************************************************************/
/* Remarks:    	.                                                                               */
/************************************************************************************************/
/* Changes:                                                                                     */
/*                                                                                              */
/* Date        	Author		Remarks                                                             */
/************************************************************************************************/


/************************************************************************************************/
/* MEDIA SCREEN                                                                                 */
/************************************************************************************************/
@media screen 
{
	/*** Calendar *******************************************************************************/
	#containerCalendar
	{
		width:					182px;
		
		margin:					11px 0 0 20px;
	}
	
		#containerCalendar ul
		{
			width:					182px;
			padding:				0;
			margin:					0 0 10px 0;
		}
		
			#containerCalendar ul li
			{
				clear:					both;
				
				padding:				5px 0 5px 0;
				
				list-style-type:		none;
			}
			
				#containerCalendar ul li div.eventDate
				{
					float:					left;
					
					width:					50px;
					
					color:					#00199F;
					font-weight:			bold;
				}
				
				#containerCalendar ul li div.eventTitle
				{
					float:					right;
					
					width:					132px;
				}
	
		#containerCalendarMore
		{
					float:					left;
		}
		
		.eventTitle a
		{
			color:						#000000;
			text-decoration:			none;
		}
			.eventTitle a:hover
			{
				text-decoration:			underline;
			}
			
	
	
		
	/*********************************************************************************************/
	
	
	/*** Spotlight news frontpage ****************************************************************/
	#containerNewsSpotlight
	{
		width:					426px;
		padding:				0 0 10px 0;
		margin:					0;

		border-bottom:			1px solid #B2B2B2;
	}
		
		#containerNewsSpotlight div.newsItemImage
		{
			float:					left;
			
			width:					110px;
			margin:					0 20px 0 0;
		}
		
		#containerNewsSpotlight div.newsItemContent
		{
			height:					110px;
			padding:				0;
		}
		
		#containerNewsSpotlight div.newsItemContent p
		{
			display:				inline;
		}
		
		#containerNewsSpotlight div.newsItemContent div.readmore
		{
			margin-top:				10px;
		}
		
	/*********************************************************************************************/
	
	
	/*** Latest news frontpage *******************************************************************/
	h2.front
	{
		font-size:				1.2em;
	}
	
	
	
	#containerNewsLatest
	{
		width:					426px;
		padding:				10px 0 0 0;
		margin:					0;
	}
	
	#containerMoreNewsLink
	{
		float: 					right;
		font-size:				0.9em;
	}
	
		#containerNewsLatest div.newsItem
		{
			margin-bottom:			15px;	
		}
	
			#containerNewsLatest div.newsItem div.newsDate
			{
				font-size:			0.9em;
				color:				#00199F;
				margin-bottom:		3px;				
			}
	
	
	
	/*********************************************************************************************/
	
	
	/*** Raadsplein ******************************************************************************/
	#containerRaadshuisplein
	{
		margin:					10px 0 0 0;
	}
	/*********************************************************************************************/
	
	
	/*** Current *********************************************************************************/
	#containerCurrent
	{
		height:					80px;
		padding:				10px 10px 10px 13px;
		margin:					10px 0 0 0;
		background-color:		#FFF200;
		
		font-size:				0.9em;
		font-family:			MS Sans-Serif, Verdana, Helvetica;
	}
	*>#containerCurrent
	{
		min-height:				80px;
		height:					auto;
	}
	
	#containerCurrent h2
	{
		font-size:				1.25em;
		color:					#000000;
	}
	
	#containerCurrent a
	{
		color:					#000000;	
	}
	
	
		#containerCurrent ul
		{
			margin:					0;
			padding:				0;
			font-family:			Arial, MS Sans-Serif, Verdana, Helvetica;
			font-size:				1.1em;
		}
		
			#containerCurrent ul li
			{
				margin:					0 0 0 1px;
				
				list-style-type:		none;
				background-image:  		url(/sjablonen/1/images/general/list-image-black.gif);
				background-repeat:		no-repeat;
				background-position:	0px 6px;
				padding:				1px 0 2px 14px;
			}
	/*********************************************************************************************/
	
	
	/*** Spotlight *******************************************************************************/
	#containerSpotlights
	{
	}
	
		#containerSpotlights div.spotlightItem
		{
			margin:					10px 0 0 0;
		}
	/*********************************************************************************************/
	
	
	/*
	#containerBannerRaadsplein
	{
		width:					222px;
		height:					93px;
		
		margin-bottom:			7px;
		padding:				0;
		
		background-image:		url('/sjablonen/1/images/banners/raadsplein.gif');
	}
	
	
		
	

	#containerBanner1
	{
		width:					222px;
		height:					60px;
		
		margin-bottom:			9px;
		padding:				0;
		
		background-image:		url('/sjablonen/1/images/banners/evenementen.gif');
	}
	
	#containerBanner2
	{
		width:					222px;
		height:					60px;
		
		margin-bottom:			9px;
		padding:				0;
		
		background-image:		url('/sjablonen/1/images/banners/cultureelkwartier.gif');
	}
	*/
	#containerFooter
	{
		height:					30px;
		width:					222px;
		padding:				0;
		margin:					10px 0 0 0;
		
		text-align:				right;
	}
		
		#containerFooter ul
		{
			float:					right;
			
			margin:					0;
			
		}
		
			#containerFooter ul li
			{
				float:					left;
				
				padding:				0 7px 0 0;
				margin:					0 7px 0 0;
				
				list-style:				none;
				
				background-image:		url(/sjablonen/1/images/general/divider.gif);
				background-position:	right 7px;
				background-repeat:		no-repeat;
			}
			
			#containerFooter ul li.lastItem
			{
				padding:				0;
				margin:					0;
				
				background-image:		none;
			}
			
				#containerFooter ul li a
				{
					color:					#999999;
				}
}


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

	#containerTop, #containerNavigation, #containerObjectPathHome, #containerLeft, #containerRight
	{
		display: none;
	}
}

@media handheld
{
}