/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage Styles
 Created on: 	2-12-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Raadsplein
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global
 =misc
 	
 =search	 
 =fontSize
 =shortCuts 

 
 =Print 
 
 =1 body 		#fff;
 =2 			#333;
 =3	broodtext	#777;
 =4	shortcuts	#999;
 =5 medium grey	#aaa;
 =6	light grey	#ddd;
 
 =7 white green	#b5dda4;
 =8 base green	#55b02e;
 =9	dark green	#3d7e21;
*/

@media screen 
{
			/*********************************************************************************************/
			/* =Custom Colors 							                                      			 */
			/*********************************************************************************************/
			#news li
			{
				border-bottom:			1px solid #b5dda4;	/* 7 */	
			}
			
			#news li span, #quickLinks  li a
			{
				color:					#b5dda4;			/* 7 */				
			}

			#aboutUs a, #meetingList a, #weblog a
			{
				color:			#55b02e;					/* =8 */
			}
		
			#aboutUs a:hover, #meetingList a:hover, #weblog a:hover
			{
				color:					#3d7e21;			/* =9*/	
			}
			

			
			/*********************************************************************************************/
			/* =Standard colors		  							                                     	 */
			/*********************************************************************************************/
			#news li a, #news li a:hover, #quickLinks li a:hover
			{
				color:					#fff;				/*	=1 */
			}

			li a:hover, #fontSize a:hover, #shortCuts a:hover, #weblog h3 a:hover, #reactions a:hover
			{
				color:					#333;				/* =2 */
			}
			
			body, li a, #fontSize a, #fontSize div, #weblog h3 a, #reactions a
			{
				color:					#777;				/* =3 */
			}

			#shortCuts a
			{	
				color:					#999;				/* =4 */
			}

			#meetingList ul span, #postInfo, #reactions, #fontSize div
			{
				color:					#aaa;				/* =5 */				
			}
				
			#meetingList li
			{
				border-bottom:			1px solid #ddd;		/* 6*/
			}


	
				

				
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		/* color:					#777;	/* =10 */
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			2.1818em;	/* 24px */
		
		padding:				0;
		margin:					0;
		
		background-color:		#fff;	/* =1*/
		
		background-repeat:		repeat-x;
		background-position: 	top left;
		background-image:		url(/sjablonen/1/images/general/background_body.gif);
	}

	input, select
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
	}

		#totalContainer
		{
			position:				relative;
			
			height:					300px;
			min-height:				300px;
			width:					976px;
			margin:					0 auto;
			padding:				0;
		}
		*>#totalContainer
		{
			height:					auto;
		}
		
	.hide
	{
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	
	h1
	{
	}
	
		h2
		{
		}
		
			h3
			{
			}
	
	ul
	{
	}
	
		li
		{
		}
	
			li a
			{
				/*color:					#777;	 =10 */
				text-decoration:		none;
			}
			
				li a:hover
				{
					/* color:					#333;	=13 */
					text-decoration:		underline;
				}
				
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/
	#logo
	{
		display:				block;
		padding:				2px 0 68px 30px;
	}

	#shortCutsFontSizeContainer
	{
		position:				absolute;
		right:					16px;
		top:					7px;
	}
				
	/*********************************************************************************************/
	/* =search	 								                                      			 */
	/*********************************************************************************************/	
	#quickSearch
	{
		position:				absolute;
		right:					19px;
		top:					86px;
		
		width:					254px;
		min-width:				254px;
		height:					24px;
		min-height:				24px;
		
		font-size:				1em;
	}

		#quickSearch label
		{
			display:			none;
		}
		
		 #quickSearch #qs_kw_or
		{
			float:					left;
			display:				inline;
			
			margin:					0 5px 0 0;
			padding:				4px 5px 0 8px;
			
			height:					20px;
			width:					151px;	
			
			color:					#666;
			font-size:				1em;
			
			background-image:		url(/sjablonen/1/images/general/background_search.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			background-color:		transparent;
			border:					0px solid #fff;
		}
		*>#quickSearch #qs_kw_or
		{
			width:					151px;	
		}

			#quickSearch #qs_kw_or:focus
			{
				color:					#87898a;	/* =10 */
			}
		
		#quickSearch .button
		{
			float:					left;
			display:				inline;

			width:					84px;
			max-width:				84px;
			max-height:				24px;
			height:					24px;	
			margin:					0;
			padding-left:			90px;
			
			font-size:				0px;
			line-height:			0px;
			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/custom/button_search.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			background-color:		transparent;
			
			border:					medium none;
			overflow:				hidden;
			cursor:					pointer;
		}
		*>#quickSearch .button
		{
			padding-left:			0;
		}
		
			#quickSearch .button:hover
			{
				background-position: 	left bottom;
			}

	/*********************************************************************************************/
	/* =fontSize								                                      			 */
	/*********************************************************************************************/
	#fontSize
	{
		float:					left;
		display:				inline;

		margin-top:				-3px;
		
		white-space:			nowrap;
	}
	*>#fontSize
	{
		height:					auto;
		width:					auto;
	}

		#fontSize li
		{
			display:			inline;
			float:				left;

			height:				1.2em;
			margin:				0;
			padding:			0;
		
			line-height:		100%;

			background-image: 	none;
			white-space:		nowrap;
		}
		
			#fontSize a, #fontSize div
			{
				float:					left;
				display:				inline;
				
				width:					10px;
				height:					1em;
				
				margin:					0;
				padding:				0 8px 0 8px;

				/* color:					#777;	=10 */	
				text-decoration:		none;
			}
			*>#fontSize a, #fontSize div
			{
				height:					auto;
				min-width:				10px;
				width:					auto;
			}

				#fontSize a:hover
				{
					/* color:					#333;	=13 */
					text-decoration:		underline;
				}

			#fontSize div /* not selectable */
			{
				/* color:					#c0c0c0; =12 */
			}

			#fontSize .upsize
			{
			}

			#fontSize .downsize
			{
			}

			/* aAA vergroting */
			#fontSize span
			{
				text-transform:			lowercase;
				font-size:				1.36em;	/* 15px */
			}

				#fontSize span span
				{
					font-size:				0.73em;	/* 11px */
				}

					#fontSize span span span
					{
						font-size:				0.82em;	/* 9px */
					}

	/*********************************************************************************************/
	/* =shortCuts 								                                      			 */
	/*********************************************************************************************/	
	#shortCuts 
	{
		float:					left;
		display:				inline;
		
		padding:				0;
		margin:					0;
		
		font-size:				0.82em;	/* 9px */
	}
	
		#shortCuts li
		{
			display:			inline;
			float:				left;

			height:				1.2em;
			margin:				0;
			padding:			0;
		
			line-height:		120%;

			background-image: 	none;
			white-space:		nowrap;
		}
		
			#shortCuts a
			{	
				width:				10px;
				height:				1.2em;
				
				margin:				0;
				padding:			0 10px 0 10px;
				
				/* color:				#999;	=11 */
			}
			*>#shortCuts a /* IE 6 fix */
			{
				min-width:			10px;
				width:				auto;
			}
			
				#shortCuts a:hover
				{
					/* color:					#333;	 =13 */
					text-decoration:		underline;
				}
				
			/* RSS */
			#shortCuts .rss a
			{
				display:				block;
				text-indent: 			-5000px;	/* remove text */
				
				width:					12px;
				height:					12px;
				padding:				0;
							
				background-repeat:		no-repeat;
				background-position: 	0 0;
				background-image:		url(/sjablonen/1/images/general/icon_rss.gif);
			}

	/*********************************************************************************************/
	/* =spotlight									                                      		 */
	/*********************************************************************************************/
	#spotlight
	{
		float:					left;
		display:				inline;
		
		margin-right:			1px;
		height:					232px;
		width:					363px;
		
	}
		
		#spotlight a
		{
			position:			relative;
			display:			block;
	
			height:					232px;
			width:					363px;
		}
		
			#spotlight a img
			{
				display:			block;
			}

		#spotlight .link
		{
			position:			absolute;
			top:				167px;
		}


	/*********************************************************************************************/
	/* =actueelContainer						                                      			 */
	/*********************************************************************************************/
	#actueelContainer
	{
		float:					left;
		display:				inline;
		
		width:					594px;
		height:					215px;
		
		padding:				17px 0 0 17px;
		
		background-repeat:		no-repeat;
		background-position: 	top left;
		background-image:		url(/sjablonen/1/images/general/custom/background_actueel.png);
	}
	
		#actueelContainer h2
		{
			width:					200px;
			line-height:			1.25em;
		}
	
			#actueelContainer h2 span
			{
				display:				block;
				
				text-indent: 			-5000px;	/* remove text */
				
				height:					21px;
				width:					200px;
				
				margin:					0;
							
				background-repeat:		no-repeat;
				background-position: 	top left;
				background-image:		url(/sjablonen/1/images/general/custom/text/txt_actueel.gif);
			}
		
				#actueelContainer a:hover span
				{
						cursor:					pointer;
				}
								
	/*********************************************************************************************/
	/* =news 									                                      			 */
	/*********************************************************************************************/
	#news
	{
		float:					left;
		
		width:					394px;
		height:					65px;
		
		padding:				0;
		/* margin:					0*/
		margin:					8px 0 0 0;
	}

		#news li
		{
			display:				block;
			position:				relative;
			
			/* padding:				15px 26px 15px 0;*/
			padding:				4px 26px 4px 0;
			
			margin:					0;
			width:					368px;
			height:					33px;

			line-height:			1.25em;	/* 11pt */

			/*border-bottom:			1px solid #f4a7b4;	 ### White RED ### */	
			
			/*background-repeat:		no-repeat;
			background-position: 	374px 34px;
			background-image:		url(/sjablonen/1/images/general/custom/arrow_news.gif);*/
		}

		#news .lastItem
		{
			border:					0px solid #000;
		}
		
			#news li a
			{
				/* color:					#fff;	 ### white ### */
			}
			
				#news li a:hover
				{
				/*	color:					#fff;	 ### white ### */
				}

			#news li span
			{
				display:				block;

				padding-bottom:			1px;
				font-size:				0.82em;	/* 9px */
				font-weight:			bold;
				/* color:					#f4a7b4;	 ### White RED ### */				
			}
			
			#news li a img
			{
				position:					absolute;
				right:						11px;
				bottom:						19px;
			}

	/*********************************************************************************************/
	/* =quickLinks								                                      			 */
	/*********************************************************************************************/
	#quickLinks 
	{
		float:					left;
	
		width:					164px;
		height:					200px;

		padding:				0 0 0 17px;
		margin:					-11px 0 0 0;
	}
	
		#quickLinks  li
		{
			display:				block;
			
			width:					164px;
			height:					32px;
			
			margin:					0;
			padding:				0;
		}

		#quickLinks  li a
		{
			display:				block;			
			
			width:					153px;
			height:					24px;
			margin:					0;
			padding:				0 0 0 11px;
			
			font-weight:			bold;
			/*color:					#f4a7b4;	 ### White RED ### */	
			
			
			background-repeat:		no-repeat;
			background-position: 	top left;
			background-image:		url(/sjablonen/1/images/general/custom/button_pagelink.gif);
		}
		
			#quickLinks  li a:hover
			{
				/*color:					#fff;	 333 white ### */
				text-decoration:		none;
				
				background-position: 	bottom left;
			}
			
	/*********************************************************************************************/
	/* =aboutUs									                                      			 */
	/*********************************************************************************************/
	#aboutUs
	{
		clear:					both;
		float:					left;
		
		width:					321px;	/* 363 -21 -21 */
		padding:				19px 21px 19px 21px;
	}
			
		#aboutUs h2
		{
			font-size:				1.3em;
			line-height:			1.25em;
		}
	
			#aboutUs h2 span
			{
				display:				block;
				
				/*text-indent: 			-5000px;	/* remove text */*/
				
				height:					25px;
				width:					200px;
				
				margin:					0;
							
				/*background-repeat:		no-repeat;
				background-position: 	top left;
				background-image:		url(/sjablonen/1/images/general/custom/text/txt_raadsplein.gif);*/
			}
		
				#aboutUs h2 a:hover span
				{
					cursor:					pointer;
				}
				
		#aboutUs p
		{
			position:					relative;
		}
		
		#aboutUs a
		{
			/*color:			#e32343;	 ### RED ### */
		}
		
			#aboutUs a:hover
			{
				/*color:					#a41930;	 ### Dark RED ### */	
			}	
				
			#aboutUs a img
			{
				position:					absolute;
				right:						0;
				bottom:						7px;
			}
	
	/*********************************************************************************************/
	/* =meetingList								                                      			 */
	/*********************************************************************************************/
	#meetingList
	{
		float:				left;
		display:			inline;
		
		width:				212px;
		padding:			19px 17px 19px 17px;	
	}
		#meetingList h2 
		{
			height:					19px;
			width:					200px;
			line-height:			1.25em;
		}
			#meetingList h2
			{
				font-size:				1.3em;
				line-height:			1.25em;
				margin:					0;
			}
			
				#meetingList h2 a
				{
					color:				#777;
					text-decoration:	none;
				}
				
					#meetingList h2 a:hover
					{
						color:				#55b02a;
						text-decoration:	underline;
					}
		
		#meetingList ul
		{
			margin:					-1px 0 0 0;
			padding:				0;
			height:					220px;
		}

			#meetingList li
			{
				display:				block;
				
				height:					31px;
				min-height:					31px;
				padding:				11px 0 6px 17px;

				line-height:			1.25em;
				
			/*	border-bottom:			1px solid #ddd;	 ### light grey ###*/
				
				background-repeat:		no-repeat;
				background-position: 	left 14px;
				background-image:		url(/sjablonen/1/images/general/arrow_medium.gif);
			}
			*>#meetingList li
			{
				height:					auto;
			}
		
				#meetingList ul a
				{
					font-weight:			normal;
				}
		
				#meetingList ul span
				{
					font-size:				0.82em;	/* 9px */
					/*color:					#aaa;	 ### medium grey ###*/				
				}
				
			/* currentItem */
			#meetingList .currentItem
			{
				background-image:		url(/sjablonen/1/images/general/arrow_dark.gif);
			}
		
				#meetingList ul .currentItem a
				{
					font-weight:			bold;
				}
		
	/*********************************************************************************************/
	/* =weblog 									                                      			 */
	/*********************************************************************************************/
	#weblog
	{
		float:				left;
		display:			inline;
		
		width:				216px;
		padding:			19px 18px 19px 11px;	
	}

		#weblog h2
		{
			display:				block;
			font-size:				1.3em;
			line-height:			1.25em;
			margin:					0;
		}
		
			#weblog h2 a
			{
				color:				#777;
				text-decoration:	none;
			}
			
				#weblog h2 a:hover
				{
					color:				#55b02a;
					text-decoration:	underline;
				}

		
		#weblog h3
		{
			line-height:			1.25em;
		}

			#weblog h3 a
			{
				/*color:					#777;	 =10 */
				text-decoration:		none;
			}
			
				#weblog h3 a:hover
				{
					/*color:					#333;	 =13 */
					text-decoration:		underline;
				}
		
			#weblog p
			{
				clear:					both;
				position:				relative;
				
				padding:				1px 0 0 0;
			}
		
			#weblog a img
			{
				position:					absolute;
				right:						0;
				bottom:						7px;
			}
			
		/* postinfo */	
		#postInfo
		{
			clear:					both;
			
			font-size:				0.82em;	/* 9px */
			/* color:					#aaa;	 ### medium grey ###*/
			line-height:			1.72em;	
		}
				
		/* reaction counter */	
		#reactions
		{
			padding-top:			6px;
			/*color:					#aaa;	 ### medium grey ###*/
			font-size:				0.89em;	/* 9px */
			line-height:			1.4em;
		}
		
			#reactions a
			{
				/*color:					#777;	 =10 */
				text-decoration:		underline;
			}
			
				#reactions a:hover
				{
					/*color:					#333;	 =13 */
					text-decoration:		underline;
				}
				
	
		
	/*********************************************************************************************/
	/* =banners 								                                      			 */
	/*********************************************************************************************/
	#banners
	{
		width:						120px;
		float:						left;
		
		padding-top:				32px;
	}
	
		#banners img
		{
			display:					block;
			margin:						0 0 11px 0;
			padding:					0;
		}
		
}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	.hide, #shortCutsFontSizeContainer, .logo, #quickSearch, #tabs 
	{
		display:				none;
		visibility:				hidden;
	}
	
	body 
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			1.8em;
	}

	.floatCloser
	{
		clear:					both;
	}

	img
	{
		padding:				1px;
		margin:					0 0 12px 0;
		
		border:					1px solid #127983;	/* =1 */
	}
	
	a
	{
		color:					#000;
		text-decoration:		underline;
	}
	
		a img
		{
			border:					none;
		}

}