/*
--------------------------------------------------------------------------------------------------
 Title:			News Styles
  Created on: 	26-01-2010
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Provinsje Fryslân Corporate Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------

 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Content Background 	#fff	(white)
 =2	Logo Blue			#2b56a1	(blue)
 =3	Logo Red			#c73326	(red)
 =4 Body background		#f3f5f6	(light grey)
 =5 Direct nei Frysk	#e28e8a	(light red)
  
 =10	Body text		#777	(medium gray)			- also Resize font
 =11	Shortcuts		#999	(medium light gray)
 =12	Menu underline	#c0c0c0	(light gray)			- also Download-size
 =13	Shortcuts MO	#333	(dark grey)

 * Kleurenblokken *
 =A		Cultuur			#714194	(purple)
 =A1	CultuurFr		#aa8dbf	(purple, 60%)
 =B		Natuur			#c6d746	(green)
 =B1	NatuurFr		#d7e37d	(green, 60%)
 =C		Onderwijs		#1c78be	(blue)
 =C1	OnderwijsFr		#77aed8	(blue, 60%)
 =D		Veiligheid		#850059	(wine)
 =D1	VeiligheidFr	#b6669b	(wine, 60%)
 =E		Verkeer			#df8c31	(orange)
 =E1	VerkeerFr		#e9Ae6f	(orange, 60%)
 =F  	Ondernemen		#4a328e	(dark blue)
 =F1	OndernemenFr	#9284bb	(dark blue, 60%)
 =G		Wonen			#ad006b	(purple)
 =G1	WonenFr			#ce66a6	(purple, 60%)
 =H		Zorg			#f0c341	(light orange)
 =H1	ZorgFr			#f3cf67	(light orange, 60%)
 =I		Internationaal	#25a2e1	(light blue)
 =I1	InternationaalFr	#7cc7ed	(light blue, 60%)
 */
@media screen 
{	

	#totalContainer #content h2
	{
		margin-bottom:		8px;
		color:				#c73326	;	/* =3 */
	}
	
		#totalContainer #content h2 span
		{
			color:				#e28e8a	;	/* =5 */
		}
	
	/*********************************************************************************************/
	/* =newsList			 			       	                    							 */
	/*********************************************************************************************/
	#content #newsList
	{
		margin:				0;
		padding:			0 0 13px 0;
		height:				10px;
		min-height:			10px;
		width:				435px;
	}
	*>#content #newsList
	{
		height:				auto;
	}
	
		#totalContainer #content #newsList li
		{
			clear:				both;
			float:				left;
			display:			inline;
			
			width:				435px; 
			height:				10px;
			min-height:			10px;
			
			margin:				0;
			padding:			0 0 20px 0;
			
			border-top:			1px solid #999;	/* =11 */
			
			background-image:	none;
		}
		*>#totalContainer  #content #newsList li
		{
			height:				auto;
		}
		
			#content #newsList li img
			{
				float:				left;
				display:			inline;
				
				width:				104px;
				height:				78px;
				
				margin:				0;
				padding:			0;
			}
			
			#content #newsList li div
			{
				float:				left;
				display:			inline;
				
				width:				318px;	/* 435 - 104 - 13*/
				
				margin:				0 0 0 13px;
			}
			
			#content #newsList li .noImage
			{
				padding-left:		104px;
			}
			
				#content #newsList li div p
				{
					margin-bottom:		0;
				}
		
		
			#content #newsList li h3
			{
				margin:				8px 0 2px 0;
				padding:			0;
				font-size:			1em;
			}
			
				#content #newsList li h3 a
				{
					text-decoration:	none;
				}
				
					#content #newsList li h3 a:hover
					{
						text-decoration:	underline;
					}
			
				
				#content #newsList li .readMore
				{
				}

					#content #newsList li .readMore:hover
					{
					}
					
	/*********************************************************************************************/
	/* =newsListShort		 			       	                    							 */
	/*********************************************************************************************/	
	#totalContainer #content #newsListShort
	{
		width:				318px;	/*435 -117 */
		margin:				0 0 0 117px;
		padding:			6px 0 13px 0;
		height:				10px;
		min-height:			10px;
		
		border-top:			1px solid #999;	/* =12 */
	}
	*>#totalContainer  #content #newsListShort
	{
		height:				auto;
	}
	
		#totalContainer #content #newsListShort li
		{
			clear:				both;
			float:				left;
			display:			inline;

			height:				1px;
			min-height:			1px;
		
			position:			relative;
		
		
			width:				311px;
			margin:				0;
			padding:			2px 0 1px 0;

			background-image:	none;
		}
		*>#totalContainer #content #newsListShort li
		{
			height:				auto;
		}

			#content #newsListShort li a
			{
				font-weight:		bold;
				text-decoration:	none;
			}
			
				#content #newsListShort li  a:hover
				{
					text-decoration:	underline;
				}
		
	/*********************************************************************************************/
	/* =newsList			 			       	                    							 */
	/*********************************************************************************************/
	 #content .date
	{
		color:				#999;	/* =103 */
		line-height:		1.64em;		
	}
	
		#content #newsListShort .date
		{
			position:			absolute;
			left:				-117px;
			top:				1px;
		}

}