/*
--------------------------------------------------------------------------------------------------
 Title:			Frontpage Styles
 Created on: 		21-05-2008
 Author:     			Rinse van Dijk
 Client:			Gemeente Sneek
 Project:			Cultureel Kwartier Sneek
 Copyright:  		Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =General styles
 =Classes (general) 
 =Classes (general form fields)    
 =Classes (used for cleanHTML, clean_html.xsl)       
 =Containers    
 =Paging styles
 =Print styles 
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Headers & Hyperlinks		#003366
 =2 Hyperlink hover			#003366


 =3 Donker blauw				#003366
 =4 Licht blauw				#0fa8e7
 =5 Roze					#da0071
 =6 Geel					#fdc600

*/
@media screen 
{
	/*********************************************************************************************/
	/* =Containers							                               			   */
	/*********************************************************************************************/

	#containerContent
	{
		float:				left;
		width:				460px;
		overflow-x:			hidden;
	
		background-color:	#0fa8e7;
		color:				#fff;
		height:				430px;
	}
	*>#containerContent
	{
		min-height:			430px;
		height:				auto;
	}
	
		
		#containerContent .newsItem
		{
			float:				left;
			width:				460px;
			height:				40px;
			padding:			0 0 10px 0;
		}
		*>#containerContent .newsItem
		{
			min-height:			40px;
			height:				auto;
		}
		
			.newsItemImage
			{
				float:			left;
				width:			110px;
				margin:			4px 0 0 0;
			}
			
				.newsItemImage img
				{
					width:				100px;
					height:				100px;
				}
			
			.newsItemContent
			{
				float:			left;
				width:			350px;
				margin:			10px 0 0 0;
			}

				.newsItemContent h1
				{
					width:			350px;
				}
			
			.readmore
			{
				padding:		0;
			}
	
		#containerContent h1, #containerContent h2, #containerContent h3 
		{
			color:			#fdc600!important;
		}
		
		
		#containerContent h1
		{
			clear:				both;
			display:			block;
			padding:			0 0 5px 0!important;
		}
		
			#containerContent hr
			{
				float:			left;
				margin:			10px 0 10px 0!important;
				color:			#003366!important;
			}
		
		#containerContent a, #containerContent a:hover
		{
			display:		block;
			float:			left;
			color:			#fdc600!important;
		}
	
	#containerContent img
	{
		clear:				both;
		float:				left;
		margin:				10px 0 0 0;
	}
	
	#containerLink
	{
		float:				left;
		clear:				both;
	}
	
	
	
	#pagelinksRight
	{
		float:					left;
		margin:					20px 0 0 10px;
		color:					#003466;
	}	
	
		#pagelinksRight h2
		{
			font-weight:			normal;
			color:					#da0071;
			margin:					0 0 5px 0;
		}
				
		#pagelinksRight a
		{
			color:					#003466;
		}
		
		#pagelinksRight ul li
		{
			margin:					0 0 5px 0;
			padding:				0 5px 0 14px; 
			
			width:					141px;
			
			background-image:		url('/sjablonen/2/images/general/listItem.gif');
			background-position:	1px 4px;
			background-repeat:		no-repeat;	
		}
}
/*************************************************************************************************/
/* =Handheld styles                                         									 */
/*************************************************************************************************/
@media handheld 
{
}