/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                         	*/
/* Description:		BASIC 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 
{
	/********************************************************************************************/
	/* =Global																					*/
	/********************************************************************************************/
	body 
	{
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
	
		line-height:			119%;
		background-color:		#fff;
		color:					#4d4d4d;
	}
	
	input
	{
		font-family: 			Verdana, Arial, Helvetica;
	}
		
	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	#printHeader
	{
		display:				none;
	}
	
	h1
	{
		color:					#f01687;	
		font-size:				1.4em;
		font-weight:			bold;
		
		clear:					both;
		margin:					20px 0 7px 0px;
		
	}
	
	h2
	{
		color:					#f01687;	
		font-size:				1.2em;
		font-weight:			bold;
		
		margin-bottom:			0.5em;
	}
	
	h3, h3 a
	{
		color:					#f01687;	 
		font-size:				1.03em;
		font-weight:			bold;
		
		margin-bottom:			0.3em;
		text-decoration:		none;
	}
	
		h3 a:hover
		{
			color:					#4d4d4d;	 
		}
	
	p
	{
		margin:				0 0 20px 0;
	}
	
	ul
	{
	}
	
		li
		{
		}
		
	a
	{
		color:					#f01687;	
		text-decoration:		underline;
	}
	
		a:hover
		{
			color:					#4d4d4d;	
			text-decoration:		underline;
		}

		
	.cm_button
	{
		float:					left;
		display:				inline;

		height:					22px;
		
		color:					#fff;
		font-weight:			bold;
		
		margin:					0;
		border:					1px solid #4d4d4d;
		
		background-color:		#4d4d4d;
		text-transform:			uppercase;
		
		cursor:					pointer;
	}
	
		.cm_button:hover
		{
			background-color:			#f01687;
		}
		
	
	#formNewsletterSubscribe .cm_button
	{
	
	}

	.cm_textarea, .cm_input, .cm_select, .cm_multi, .cm_button
	{
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
	}

	#content .readMore, #content .readMore:hover
	{
		font-weight:			bold;
		color:					#f01687;
		
		text-decoration:		none;
	}
	
	/********************************************************************************************/
	/* =Containers																				*/
	/********************************************************************************************/
	
	#wrapper
	{
		width: 					970px;
		margin:					5px auto;
	}
	
	#totalContainer
	{
		float:					left;
			
		width:					970px;
		height:					590px;
		
		background-image:		url(/sjablonen/1/images/general/bg_total.gif);
		background-repeat:		repeat-y;

	}
	*>#totalContainer
	{
		min-height:				590px;
		height:					auto;
	}
	
	#topContainer
	{
		width:					970px;
		height:					71px;
		border-bottom:			1px solid #fff;
		
		background-image:		url(/sjablonen/1/images/general/header_logo.gif);
		background-repeat:		no-repeat;
	}
	
	#share
	{
		float:					right;
		display:				inline;
		height:					22px;
		padding:				8px 8px 0 0;
	}
	*>#share
	{
		padding:				8px 15px 0 0;
	}
	
		#share ul li
		{
			float:					left;
			margin:					0 7px 0 0;
		}
	
	#quickSearch
	{
		float:					right;
		display:				inline;
		clear:					right;
		width:					254px;
		margin:					10px 15px 0 0;
	}
	
		#quickSearch .inputText
		{
			float:					left;
			width:					226px!important;
			height:					18px;
			
			font-size:				0.8em;
			
			background-image:		url(/sjablonen/1/images/general/quickSearchBox.gif);
			background-repeat:		no-repeat;
			
			border:					0;
			margin:					0;
			padding:				7px 0 0 8px;
			
			color:					#999;
		}
		
		#quickSearch .cm_button
		{
			float:					left;
			display:				inline;

			height:					25px;
			width:					20px!important;
			
			text-indent:			-5000px;
			
			background-image:		url(/sjablonen/1/images/general/quickSearchButton.gif);
			background-repeat:		no-repeat;
					
			margin:					0;			
			border:					0;
			
			cursor:					pointer;
		}
	
	
	#leftColumn
	{
		float:					left;
		display:				inline;
		width:					683px;
		height:					518px;

		border-right:			2px solid #fff;
	}
	*>#leftColumn
	{
		min-height:				518px;
		height:					auto;
	}
	
		#menuContainer
		{
			float:					left;
			width:					683px;
			height:					30px;
			background-color:		#4d4d4d;
			
			border-bottom:			2px solid #fff;
		}
		
		#content
		{
			float:					left;
			width:					683px;
			height:					486px;
			
			font-size:				0.85em;
			
			padding:				0 0 20px 0;
			background-image:		url(/sjablonen/1/images/general/bg_conent.png);
			background-repeat:		no-repeat;
		}
		*>#content
		{
			min-height:				486px;
			height:					auto;
		}
		

	
	
	
	#rightColumn
	{
		float:					left;
		width:					270px;
		height:					478px;
		
		
		font-size:				0.85em;
		padding:				10px 0 30px 15px;
				
		background-image:		url(/sjablonen/1/images/general/bg_RightColumn.png);
		background-repeat:		no-repeat;
		background-color:		#d0d0d2;
	}
	*>#rightColumn
	{
		min-height:				488px;
		height:					auto;
	}
	
	
		#rightColumn h2
		{
			font-size:				1.3em;
		}
		
		#rightColumn div
		{
			float:					left;
		}
	
		#rightColumn img
		{
			float:				left;
			margin:				0 0 10px 0;
		}
		
		
		
		#rightColumn .readMore
		{
			float:					left;
			display:				block;
			font-weight:			bold;
			text-decoration:		none;
			margin:					5px 0 0 0;
		}
		
			#rightColumn .readMore:hover
			{
				color:					#f01687;
				text-decoration:		underline;
			}
		
		
		#partners
		{
			margin:					25px 0 0 0;
		}
		*>#partners
		{
			margin:					15px 0 0 0;
		}

			#partners ul li
			{
				float:					left;
				display:				block;
				width:					77px;
				height:					78px;
				margin:					7px 7px 0 0;
				padding:				2px 0 0 3px;
				background-image:		url(/sjablonen/1/images/general/bg_partner.gif);
				background-repeat:		no-repeat;
			}
			
			
				#partners ul li#partners221
				{
					background-image:		url(/sjablonen/1/images/general/partner_NIN.gif);
					
				}
				#partners ul li#partners221 img
				{
					display:				none;					
				}
	
	
	#footer
	{
		float:					left;
		width:					943px;
		height:					18px;
		
		padding:				2px 15px 0 12px;
		
		font-size:				0.85em;
		color:					#d0d0d2;
		
		background-color:		#4d4d4d;
		border-top:				3px solid #fff;
	}
	
		#footer a
		{
			color:					#fff;
		}
		
			#footer a:hover
			{
				color:					#d0d0d2;
			}
	
	
		#footer div
		{
			float:					left;
		}
	
		#footer #shortCuts
		{
			float:					right;
		}
		
			#footer #shortCuts  ul li
			{
				float:					left;
				margin:					0 3px 0 0;
			}
			
				#footer #shortCuts  ul li a
				{
					display:				block;
					float:					left;
					height:					12px;
					color:					#d0d0d2;
					text-decoration:		none;
					margin:					0;
					padding:				0 10px 0 0;
					background-image:		url(/sjablonen/1/images/general/shortcutSeperator.gif);
					background-position:	right 2px;
					background-repeat:		no-repeat;
				}
				
					#footer #shortCuts  ul li.lastItem a
					{
						background-image:		none;
						padding:				0;
					}
					
					#footer #shortCuts  ul li a:hover
					{
						color:					#fff;
					}
}



/************************************************************************************************/
/* PRINT STYLES																					*/
/************************************************************************************************/
@media print 
{
	#topContainer, #path, #menuContainer, #options, #rightColumn, #footer
	{
		display:					none;
	}
	
	
	body 
	{
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.3em;
	
		line-height:			125%;
		background-color:		#fff;
		color:					#4d4d4d;
	}
	
	
	h1
	{
		color:					#f01687;	
		font-size:				1.4em;
		font-weight:			bold;
		
		clear:					both;
		margin:					20px 0 7px 0px;
		
	}
	
	h2
	{
		color:					#f01687;	
		font-size:				1.2em;
		font-weight:			bold;
		
		margin-bottom:			0.5em;
	}
	
	h3, h3 a
	{
		color:					#f01687;	 
		font-size:				1.03em;
		font-weight:			bold;
		
		margin-bottom:			0.3em;
		text-decoration:		none;
	}
}