/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		FRONTPAGE stylesheet				                              			*/
/* Site name:		Ouderenzorg 2010 Internet				                           	  		*/
/* Date created:	02-02-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	Grey:			#747576;
/*	Blue (light)	#0095d8;
/*	Blue (dark)		#004494;
/*

/************************************************************************************************/
/* Screen styles                                           										*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* =Overrides																				*/
	/********************************************************************************************/
	
	ul#MainMenu.adx1 li#MainMenu_item_1 a
	{
		background-position:	0 0px;
	}

	/*********************************************************************************************/
	/* =news	 								                                      			 */
	/*********************************************************************************************/	
	#news
	{
		float:					left;
		position:				relative;
		display:				inline;
		
		width:					468px;
		height:					400px;
		
		padding:				0px;
		
		background-repeat:		no-repeat;
		background-position: 	top left;
		background-image:		url(/Content/Images/General/background_news.gif);
	}
	
		#news.agenda
		{
			background-image:		url(/Content/Images/General/background_agenda.gif);
		}
	

            #news h2
			{
				cursor:                 pointer;
				cursor:                 hand;
            }
            
			#news h2 span
			{
				float:					left;
				display:				block;
				width:					63px;
				height:					25px;
				
				padding:				9px 0 0 13px;
						
				color:					#fff;
				text-decoration:		none;
			}

				#news h2 a:hover
				{
					text-decoration:		none;
				}
				
			#news h2 span.selected
			{
				color:					#004494;
			}
			
			#news div.show
			{
			    display: block;
			}
			
			#news div.hide
			{
			    display: none;
			}

		#news ul
		{
			float:					left;
			display:				block;
			padding-top:			5px;
			clear:					both;
		}
	
			#news ul li
			{
				float:					left;
				display:				inline;
				padding:				0 0 14px 0;
				margin:					0px 0 0 13px;
				
				width:					442px;
				
				color:					#747576;
					
				background-image:		url(/Content/Images/General/dottedLine.gif);
				background-repeat:		no-repeat;
				background-position:	0 bottom;
				
			}
			
			
			#news ul li div
			{
				float:					left;
				width:					100%;
			}
			
				#news ul li div p
				{
					margin:				0;
					color:				#003F8A;
				}
			
			#news ul li div.image
			{
				float:					right;
				position:				relative;
				width:					112px;
				height:					82px;
				margin:					3px 0 0 0;
				
				background-repeat:		no-repeat;
				background-position:	center center;
			}
			
				#news ul li div.image img
				{
					width:					112px;
					height:					82px;
				}
			
			
				#news ul li div.image .imageOverlay
				{
					position:				absolute;
					top:					0;
					left:					0;
					
					width:					112px;
					height:					82px;
					background-image:		url(/Content/Images/General/newsOverlay.png);
					background-repeat:		no-repeat;
					background-position:	0 0;
				}
			
			#news ul li.lastItem
			{
				border-bottom:			none;
			}
			
				#news ul li span
				{
					display:				block;
					color:					#004494;
					font-size:				0.85em;
					margin:					0;
					padding:				0;
				}
				
				#news ul li a
				{
								
				}
				
					#news ul li a:hover
					{
						text-decoration:			underline;
					}
		
		#news a.readAll 
		{
			float:					left;
			position:				absolute;
			bottom:					7px;
			left:					0;
			display:				inline;
			
			text-indent: 			-5000px;	/* remove text */
			line-height:			0;

			width:					115px;
			height:					25px;
			
			margin:					1px 0 0 13px;
			
			
			
			background-image:		url(/Content/Images/general/button_moreNews.gif);
			background-repeat:		no-repeat;
			background-position: 	0 0;
		}
		
			#news a.readAll:hover 
			{
				cursor:					pointer;
				background-position: 	0 -25px;
			}
			
			
		#news #frontPageEvents a.readAll 
		{
			float:					left;
			display:				inline;
			
			text-indent: 			-5000px;	/* remove text */
			line-height:			0;

			width:					135px;
			height:					25px;
			
			margin:					1px 0 0 13px;
			
			
			
			background-image:		url(/Content/Images/general/button_fullAgenda.gif);
			background-repeat:		no-repeat;
			background-position: 	0 0;
		}
		
			#news #frontPageEvents a.readAll:hover 
			{
				cursor:					pointer;
				background-position: 	0 -25px;
			}	
			

		#leftUnder
		{
		
		}
		*>#leftUnder
		{
			bottom:				5px;
		}

}


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