/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                         	*/
/* Description:		FRONTPAGE stylesheet				                                     	*/
/* Site name:		Noordelijk Informatie Netwerk (Nin) internet                            	*/
/* Date created:	04-01-2010						                                     		*/
/************************************************************************************************/

/*
--------------------------------------------------------------------------------------------------
 Standard Colors:
--------------------------------------------------------------------------------------------------
 =1 Headers					#76a000	(also topgraphic background and hyperlinks)
 =2 Mouse over				#9dbd15	(light green grey)
 
 =3 Content borders			#e8e8e8	(Very light grey) 
 =4 Content text			#333	(dark grey)
 =5 Content light text		#c0c0c0	(light grey) 
 
 =6 Header graphic text		#fff	(white) 
 
--------------------------------------------------------------------------------------------------
 Custon Colors:
--------------------------------------------------------------------------------------------------
Black						=	#0f1217
Pink						=	#f01687
Dark Grey					=	#000
Light Grey					=	#b8b8bb

*/

/************************************************************************************************/
/* SCREEN STYLES																				*/
/************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* =Override styles							                                     			 */
	/*********************************************************************************************/

	#content ul li
	{	
		background-image:		none!important;
	}
	
	
	/********************************************************************************************/
	/* =Content																					*/
	/********************************************************************************************/
		
	#dynamicImage
	{
		float:					left;
		display:				inline;
		width:					653px;
		height:					188px;
		
		margin:					15px 0 35px 15px;
		border:					1px solid #4d4d4d;
		background-image:		url(/sjablonen/1/flash/images/foto1.jpg);
		
		background-repeat:		no-repeat;

	}
	
	#vakNieuws
	{
		float:					left;
		display:				inline;
		width:					315px;
		height:					260px;
		
		margin:					0px 15px 35px 15px;
	}
	
		#content #vakNieuws h2
		{
			font-size:			1.3em;
			margin:				0 0 5px 0;
		}
	
		#content #vakNieuws li
		{
			padding:				0;
		}
		
			#content #vakNieuws li p
			{
				margin:					0 0 10px 0;
			}
		
			#content #vakNieuws li span
			{
				font-size:				0.8em;
			}
			
			#content #vakNieuws li h3
			{
				margin:					2px 0 2px 0;
			}
			
			#content #vakNieuws h2,  
			#content #vakNieuws li  a,
			#content #vakNieuws .readMore
			{
				color:					#0f1217;					
				text-decoration:		none;
			}
			
				#content #vakNieuws li  a:hover, 
				#content #vakNieuws .readMore:hover
				{
					text-decoration:		underline;
				}
	
	#NiNNieuws
	{
		float:					left;
		display:				inline;
		width:					310px;
		height:					260px;
		margin:					0px 0px 35px 15px;
	}
	
		#content #NiNNieuws h2
		{
			font-size:			1.3em;
			margin:				0 0 5px 0;
		}
	
		#content #NiNNieuws li
		{
			padding:				0;
		}
		
			#content #NiNNieuws li p
			{
				margin:					0 0 10px 0;
			}
		
			#content #NiNNieuws li span
			{
				font-size:				0.8em;
			}
			
			#content #NiNNieuws li h3
			{
				margin:					2px 0 2px 0;
			}
			
			#content #NiNNieuws h2,  
			#content #NiNNieuws li  a,
			#content #NiNNieuws .readMore
			{
				color:					#f01687;					
				text-decoration:		none;
			}
			
				#content #NiNNieuws li  a:hover, 
				#content #NiNNieuws .readMore:hover
				{
					text-decoration:		underline;
				}
	
	
	#Activities
	{
		float:					left;
		display:				inline;
		width:					285px;
		height:					116px;
		
		margin:					15px 15px 0px 15px;
		padding:				15px;
		background-image:		url(/sjablonen/1/images/general/bg_activities.png);
		background-repeat:		no-repeat;
	}
	
		#content #Activities h2
		{
			font-size:				1.3em;
			color:					#fff;
		}
		
		#Activities .image
		{
			float:					left;					
			width:					75px;
			height:					75px;
			margin:					13px 0 0 1px;
		}
		
		
		#Activities .info
		{
			float:					left;	
			width:					190px;
			height:					95px;
			overflow:				hidden;
			
			margin:					13px 0 0 15px;
			
			color:					#fff;
		}
		
			#Activities .info p
			{
				margin:					0;
			}
			
			#content #Activities .info a
			{
				color:					#fff;
				text-decoration:		none;
			}
			
			#content #Activities .info a:hover
			{
				color:					#fff;
				text-decoration:		underline;
			}
			
	
	#miniCalendar
	{
		float:					left;
		display:				inline;
		width:					295px;
		height:					131px;
		
		margin:					15px 0px 0px 15px;
		padding:				15px 15px 0 0;
	}
	*>#miniCalendar
	{
		min-height:				146px;
		height:					auto;
	}
		
			#content #miniCalendar h2
			{
				font-size:			1.3em;
				margin:				0 0 16px 0;
			}

			#content #miniCalendar ul li
			{
				margin:				0 0 6px 0;
				padding:			0;
			}
			
				#content #miniCalendar ul li span
				{
					font-weight:		bold;
					color:				#f01687;
					margin:				0 15px 0 0;
				}
				
				#content #miniCalendar ul li a
				{
					color:				#0f1217;
					text-decoration:	none;
				}
				
					#content #miniCalendar ul li a:hover, #content #miniCalendar a.readMore:hover
					{
						text-decoration:	underline;
					}

				#content #miniCalendar a.readMore
				{
					margin:				0 0 0 52px;
				}
				
	/********************************************************************************************/
	/* =RightColumn																				*/
	/********************************************************************************************/

		#editorial
		{
			margin:					33px 0 0 0;
		}
		
		
			#editorial .info
			{
				width:				145px;
				margin:				3px 10px 0 0;
			}
			
				#editorial .info p,
				#editorial .info .readMore
				{
					margin:				0;
				}
							
			
			#editorial div.image
			{
				width:				100px;
				height:				100px;
				margin:				3px 0 0 0;
			}
			
				#editorial div.imageOverlay
				{
					width:					100px;
					height:					100px;
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/editorialOverlay.png');
				}
				*>#editorial div.imageOverlay
				{
					filter:					none;
					background-image:		url(/sjablonen/1/images/general/editorialOverlay.png);
					background-repeat:		no-repeat;
				}
				
		#video
		{
			margin:					33px 0 0 0;
		}
		
			#video h2
			{
				margin:					0 0 13px 0;
			}
}



/************************************************************************************************/
/* PRINT STYLES																					*/
/************************************************************************************************/
@media print 
{
	#content #vakNieuws ul,
	#content #NiNNieuws ul,
	#content #miniCalendar ul
	{
		list-style-type:		none;
		margin:					0;
		padding:				0;
	}
	
	#content #vakNieuws ul li,
	#content #NiNNieuws ul li,
	#content #miniCalendar ul li
	{
		margin:				0;
		padding:			0;
	}
	
		#content #miniCalendar ul li span
		{
			margin:				0 15px 0 0;
		}
	
	
	#content #vakNieuws,
	#content #NiNNieuws,
	#content #Activities,
	#content #miniCalendar 
	{
		padding:				20px 0 20px 0;
		margin:					0 0 20px 0;
		border-bottom:			1px solid #ccc;
		
	}
}