/*
--------------------------------------------------------------------------------------------------
 Title:			Subpage Styles
 Created on: 	24-10-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Raadsplein
 Copyright:  	Vincis B.V. The Netherlands

 =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 							                                      			 */
			/*********************************************************************************************/
			#navigation ul li a:hover, #navigation ul .selectedPath ul li a:hover, #navigation ul .selectedHasChildren ul li a:hover,
			#navigation ul .selectedPath ul .selectedPath ul li a:hover, #navigation ul .selectedPath ul .selectedHasChildren ul li a:hover,
			#content a, body #containerPaging ul .selectedPageNumber, body #containerPaging ul li a
			{
				color:					#55b02e; 			/*=8 */
			}
			
			#content a:hover img, body #containerPaging ul li a, body #containerPaging ul li a:hover
			{		
				border:					1px solid #55b02e;  /* =8 */
			}
			
			body #containerPaging ul li a:hover
			{
				border:					1px solid #55b02e;	/* =8 */
			}	

			#navigation ul .selectedPath a, #navigation ul .selected a, #navigation ul .selectedPath ul .selected a,
			#navigation ul .selectedPath ul .selectedPath a, #navigation ul .selectedPath ul .selectedPath ul .selected a,
			#navigation ul .selectedPath ul .selectedPath ul .selectedPath, #content a:hover
			{
				color:					#3d7e21; 			/* =9 */
			}


			
	
			/*********************************************************************************************/
			/* =Standard colors		  							                                     	 */
			/*********************************************************************************************/
			body #containerPaging ul li a:hover, body #containerPaging ul .selectedPageNumber
			{
				color:					#fff;			/* =1 */
			}
			
			body #containerPaging ul .selectedPageNumber 
			{
				background-color:		#fff; 			/* =1 */
				border:					1px solid #fff; /* =1 */
			}

			li a:hover, #fontSize a:hover, #shortCuts a:hover, #reactions .by a:hover, #path a:hover, #totalContainer #options li a:hover,
			#contact .vcard a:hover, #contact dd a:hover,#content #downloadList li a:hover, #content #metaLinks li a:hover,
			#content .gegevenstabel tr:hover, #content pre a:hover, #content pre, #content pre a, #content pre h2, #content pre h3,
			#content #containerNews h2 a, #content .toTop a:hover, #totalContainer #share li a:hover span
			{
				color:					#333;			/* =2 */
			}

			#replierForm .fieldRow input, #replierForm .fieldRow textarea, #content #containerNews h2 a:hover
			{
				color:					#777; 			/* =3 */
			}

			#contact .title, #containerNews span
			{
				color:					#aaa;			/* =5 */
			}

			#content #downloadList li span
			{
				color:					#ddd;			/* =6 */
			}

			#reactions .by, #replierForm #smileyList li a:hover
			{
				border-bottom:			1px solid #ddd; /* =6 */
			}
			
			li a, #fontSize a, #fontSize div, body, #content #metaLinks li a, #content #downloadList li a,
			#reactions .by a, #navigation ul .selectedPath ul .selectedPath ul li a, #navigation ul .selectedPath ul .selectedHasChildren ul li a,
			#navigation ul li a, #contact .vcard a, #contact dd a, #navigation ul .selectedPath ul li a, #navigation ul .selectedHasChildren ul li a
			{
				color:					#777;			/* =10 */
			}

			#shortCuts a, #reactions .number, #path a, #path li, #reactions .by, #content .toTop a
			{	
				color:					#999;			/* =11 */
			}
			
			#content .border1, #content .border2, #content .border3
			{
				border:					solid 1px #999;	/* =11 */
			}
						
			#fontSize div /* not selectable */
			{
				color:					#c0c0c0;		/* =12 */
			}
			

			/*********************************************************************************************/
			/* =Typography unique colors						                                     	 */
			/*********************************************************************************************/
			#content pre, body #containerPaging ul li a, #replierForm #smileyList li a:hover, #content .gegevenstabel .tableRowOdd
			{
				background-color:	#f6f6f6;
			}
			
				#content pre a:visited
				{
				/*	color:				#802f80;*/
				}
			
			#totalContainer #options li a
			{
				color:					#777;
			}
			
			#content .gegevenstabel th, #content .gegevenstabel td 
			{
				border-bottom:			1px solid #c0c0c0; 
			}
			
			#content img
			{
				border:					1px solid #c0c0c0;	/* =12 */
			}	
			
			#content .contentList img, #content img.logo
			{
				border:					1px solid #ffffff;	
			}
				
			#content .gegevenstabel tr:hover
			{
				background-color: 		#f0f0f0; 
			}
			
				#content .gegevenstabel tr:hover .tableRowOdd 
				{
					background-color: 		#e8e8e8; 
				}


	/*********************************************************************************************/
	/* =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
	{
		margin-left:			11px;
		
		font-size:				1.45em;	/* 16px*/ 
		font-weight:			normal;
		line-height:			150%;
	}
	
	
		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 25px;
	}

	#shortCutsFontSizeContainer
	{
		position:				absolute;
		right:					16px;
		top:					7px;
	}
	
	#sideBar
	{
		position:				absolute;
		left:					737px;
		top:					143px;	/* 126 +6 */
		
		width:					222px;	/* 235 -13 */
		padding:				0px 13px 0 0;

	}

	#content
	{
		float:					left;
		display:				inline;
		
		margin:					0 0 0 237px;
		padding:				0 36px 0 11px;
		width:					452px;
	}

	/*********************************************************************************************/
	/* =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;
			
			z-index:				0!important;
		}
		*>#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);
			}

			
	/*********************************************************************************************/
	/* =metaLinks				 		                           								 */
	/*********************************************************************************************/
	#content #metaLinks 
	{
		float:					left;
		display:				inline;
		
		margin:					13px 0 22px 0;
		width:					226px;
		min-height:				10px;
		height:					10px;
	}
	*>#content #metaLinks
	{
		height:					auto;
	}
	
		#content #metaLinks h2
		{
			display:				block;
			
			height:					18px;
			
			padding:				0;
			margin:					0 0 0 13px;
			
			line-height:			1em;
			text-indent: 			-5000px;	/* remove text */
						
			background-repeat:		no-repeat;
			background-position: 	0 0;
			
			background-image:		url(/sjablonen/1/images/general/custom/text/zie_ook.gif);
		}

		#content #metaLinks ul
		{
			padding:				0;	
		}
		
			#content #metaLinks li
			{
				position:				relative;
				padding:				4px 0 5px 13px;	
				
				line-height:			1.415em;
				
				background-image:		url(/sjablonen/1/images/general/custom/bullet_list.gif); 
				background-repeat:		no-repeat;
				background-position:	0 10px;
			}
			
				#content #metaLinks li a
				{
					/*color:					#777;	 =10 */
					text-decoration:		none;
				}
				
					#content #metaLinks li a:hover
					{
						/*color:					#333;	=13 */
						text-decoration:		underline;
					}


	/*********************************************************************************************/
	/* =downloadList				 		                           							 */
	/*********************************************************************************************/
	#downloads
	{
		float:					left;
		display:				inline;
		
		margin:					13px 0 22px 0;
		/*width:					226px;*/
		min-height:				10px;
		height:					10px;
	}
	*>#downloads
	{
		height:					auto;
	}
	
		#downloads  h2
		{
			display:				block;
			
			height:					18px;
			
			padding:				0;
			margin:					0 0 0 13px;
			
			text-indent: 			-5000px;	/* remove text */
						
			background-repeat:		no-repeat;
			background-position: 	0 0;
			
			background-image:		url(/sjablonen/1/images/general/custom/text/downloads.gif);	
		}

		#downloads  ul
		{
			padding:				0 0 0 9px;		
		}
			
			#downloads ul li
			{
				position:				relative;
				padding:				4px 0 5px 22px;	
				
				line-height:			1.415em;	
				
				background-image:		url(/sjablonen/1/images/doctypes/unknown.gif); 
				background-repeat:		no-repeat;
				background-position:	2px 0.25em;
			}
		
				#downloads  li a
				{
					/*color:					#777; =10 */
					text-decoration:		none;
				}
				
					#downloads  li a:hover
					{
						/*color:					#333;	 =13 */
						text-decoration:		underline;
					}
			
					#downloads  li span
					{
						display:				block;
						clear:					left;
						
						padding:				4px 0 5px 0;
						
						/*color:					#b8b8b8;  =7 */
						line-height:			1em;
							
						white-space:			nowrap;
					}
					
					/* =Filetypes */
					#downloads  .doc
					{
						background-image:		url(/sjablonen/1/images/doctypes/doc.gif);
						background-position:	0 0.25em;
					}
				
					#downloads  ul li.pdf
					{	
						background-image:		url(/sjablonen/1/images/doctypes/pdf.gif);
						background-position:	0 0.35em;
					}
					
					#downloads  .txt
					{
						background-image:		url(/sjablonen/1/images/doctypes/txt.gif);
						background-position:	0 0.25em;
					}
					
					#downloads  .xls
					{
						background-image:		url(/sjablonen/1/images/doctypes/xls.gif);
						background-position:	0 0.25em;
					}
					
					#downloads.ppt
					{
						background-image:		url(/sjablonen/1/images/doctypes/ppt.gif);
						background-position:	0 0.25em;
					}
			
					#downloads  .jpg
					{
						background-image:		url(/sjablonen/1/images/doctypes/jpg.gif);
						background-position:	0 0.25em;
					}
			
	/*********************************************************************************************/
	/* =contact								                                      				 */
	/*********************************************************************************************/		
	#contact
	{
		clear:				both;
		
		padding:			0 13px 0 0;			
		margin:				0 0 0 5px;
		width:				216px; /* 234 -5 -13 */
	}
	
		#contact h2
		{
			display:				block;
			
			height:					20px;
			margin:					0 0 0 6px;
			padding:				0;
			
			line-height:			1em;
			text-indent: 			-5000px;	/* remove text */
						
			background-repeat:		no-repeat;
			background-position: 	0 0;
			
			background-image:		url(/sjablonen/1/images/general/custom/text/contact_persoon.gif);
		}

		#contact dl
		{
			width:					148px;
			padding:				0 13px 30px 7px;
		}
		
			#contact dl dt
			{

			}
			
			#contact .title
			{
				/*color:					#aaa;	 =unique */
				font-weight:			bold;
				line-height:			1.4em;
				margin:					-4px 0 5px 0;
			}
			
			#contact dd
			{
				font-size:				0.82em;	/* 9px */
			}
			
				#contact dd span
				{
					float:					left;
					
					width:					4.8em;
				}
			
				#contact dd a
				{
					/*color:					#777;  =10 */
					text-decoration:		underline;
				}
			
					#contact dd a:hover
					{
						/*color:					#333;  =13 */
						text-decoration:		underline;
					}
					
			/* vCard */
			
			#contact .vcard
			{
				font-size:				0.82em;	/* 9px */
			}
			
				#contact .vcard .fn, #contact .vcard .org
				{
					display:			none;
				}
				
				#contact .vcard a
				{
					/*color:					#777;  =10 */
					text-decoration:		underline;
				}
			
					#contact .vcard a:hover
					{
						/*color:					#333;  =13 */
						text-decoration:		underline;
					}
				
				#contact .vcard address
				{
					font-style:				normal;
				}
				
				#contact .vcard .postal-code, #contact .vcard .country-name
				{
					text-transform: uppercase
				}


		/*********************************************************************************************/
	/* =quickLinks & metaLinks					                                      			 */
	/*********************************************************************************************/
	#quickLinks,
	#metaLinks
	{
		clear:						both;
	}
		#quickLinks h2,
		#metaLinks h2
		{
			display:				block;
			
			text-indent: 			-5000px;	/* remove text */
			
			height:					22px;
			margin:					0 0 0 12px;
						
			background-repeat:		no-repeat;
			background-position: 	top left;
			background-image:		url(/sjablonen/1/images/general/custom/text/ga_snel_naar.gif);
		}
		
		#quickLinks ul,
		#metaLinks ul
		{
			padding:				0;
			margin:					0 0 30px 5px;
		}
		
			#quickLinks ul li,
			#metaLinks ul li
			{
				float:					none;
				display:				list-item;
				
				padding:				9px 0 13px 6px;
				margin:					0;
				height:					10px;
				min-height:				10px;
				
				line-height:			1.25em;	/* 11pt */

				background-repeat:		repeat-x;
				background-position: 	bottom left;
				background-image:		url(/sjablonen/1/images/general/background_underline.gif);
			}
			*>#quickLinks ul li,
			#metaLinks ul li
			{
				height:					auto;
			}
			
			#totalContainer #quickLinks ul .lastItem,
			#totalContainer #metaLinks ul .lastItem
			{
				background-image:		none;
			}
			
				#quickLinks ul li span,
				#metaLinks ul li span
				{
					float:					left;
					
					width:					3.8em;
					font-weight:			bold;
				}

	/*********************************************************************************************/
	/* =share				 		       	                    								 */
	/*********************************************************************************************/
	#totalContainer #share
	{
		clear:					both;
		
		min-height:				10px;
		height:					10px;
		padding:				0 0 21px 13px;
	}
	*>#totalContainer #share
	{
		height:					auto;
	}
	
		#totalContainer #share h2
		{
			display:				block;
			
			height:					18px;
			
			padding:				0;
			margin:					0;
			
			text-indent: 			-5000px;	/* remove text */
						
			background-repeat:		no-repeat;
			background-position: 	0 0;
			
			background-image:		url(/sjablonen/1/images/general/custom/text/deel_pagina.gif);	
		}
		
		#totalContainer #share ul
		{
			width:	222px;
		}
		
			#totalContainer #share li
			{
				float:					left;
				display:				inline;
				margin:					9px 11px 0 0;
			}
			
			#totalContainer #share li a
			{
				position:				relative;
				display:				block;
				
				text-decoration:		none;
			}
			
				#totalContainer #share li img
				{
					display:				block;
				}
				
				/* tip */
				#totalContainer #share li a span
				{
					display:				none;	
					position: 				absolute;
					left:					-83px;
					top:					-65px;
				}	
				
					#totalContainer #share li a:hover span
					{
						display:				block;
						position: 				absolute;
						
						z-index:				999;
						 		
						width: 					121px; 
						height:					44px;
						padding:				8px 4px 23px 8px;
						margin:					0;
						line-height:			1.6em;
						
						background-repeat:		no-repeat;
						background-position: 	0 0;
						background-image:		url(/sjablonen/1/images/general/balloon.gif);
	
					}
					
	/*********************************************************************************************/
	/* =options				 		       	                    								 */
	/*********************************************************************************************/
	#totalContainer #options
	{
		clear:					both;
		
		min-width:				300px;
		width:					300px;
		margin-left:			-8px;
		padding:				10px 0 38px 0;
		
		font-size:				0.82em;
	}
	
	#totalContainer #options li
	{
		float:					left;
		display:				inline;
		
		padding:				0 44px 0 17px;			
	}
	
		#totalContainer #options li a
		{
			/*color:					#c0c0c0;	 =12 */
			text-decoration:		none;
			font-weight:			bold;
		}
		
			#totalContainer #options li a:hover
			{
				/*color:					#333;	 =13 */
				text-decoration:		underline;
			}

		
			/* print */
			#totalContainer .print		
			{
				clear:					both;
				
				background-image:		url(/sjablonen/1/images/general/icon_print.gif); 
				background-position:	0 7px;	
				background-repeat:		no-repeat;	
			}

			
			/* mail */	
			#totalContainer .mail
			{
				background-image:		url(/sjablonen/1/images/general/icon_mail.gif); 
				background-position:	0 6px;	
				background-repeat:		no-repeat;		
			}
	


	/*********************************************************************************************/
	/* =Error								                                      				 */
	/*********************************************************************************************/
				
		#content .error 
		{	
			margin:					24px 128px 24px 128px;
			padding: 				13px 0 13px 80px;
			height:					38px;
			min-height:				38px;

			color: 					#f00;
			font-weight:			bold;

			background: 			url(/sjablonen/1/images/general/error.gif) no-repeat 8px 8px #FFE0E1;
					
			border:					solid 2px #f00;
		}	
		*>#content .error 
		{
			height:					auto;
		}
	
	/*********************************************************************************************/
	/* =paging  							                                      				 */
	/*********************************************************************************************/
	#containerPaging
	{
		clear:					both;
		float:					left;
		
		width:					100%;

		margin:					0;
		padding:				30px 0 13px 0;
		
		background-image:		url(/sjablonen/1/images/general/content_hr.gif);
		background-position:	top left;
		background-repeat:		no-repeat;
	}
	
	#containerPaging .hide
	{
		display:				inline;
		visibility:				visible;

		font-size:				1em;
	}
	
	body #containerPaging ul
	{
		clear:					both;
		
		margin:					9px 0 9px 11px;
		padding:				0;
	}
	
		body #containerPaging ul li
		{
			float:					left;
			display:				inline;
			
			padding:				0;
			margin:					0 7px 7px 0;
			
			background-image:		none;			
		}
		
		#containerPaging ul li p
		{
			padding:				3px 14px 4px 2px;
		}
		
			#containerPaging ul li p strong
			{
				font-weight: 			bold;
			}
		
			body #containerPaging ul li a
			{
				display:				block;
				
				width:					20px;
				padding:				2px 2px 4px 2px;
	
				/*color:					#0079c2;  =2 */
				text-align:				center;
				
				/*background-color:		#f1f1f1;	 =8 */
				
				/*border:					1px solid #0079c2;  =2 */
			}
			*>#containerPaging ul li a
			{
				min-width:				20px;
				width:					auto;
			}
			
			body #containerPaging ul .selectedPageNumber 
			{
				width:					20px;
				min-width:				20px;
				padding:				2px 2px 4px 2px;
	
				color:					#0f0a6d;  
				text-align:				center;
				
				font-size:				1.36em;	/* 15px */
				font-weight:			normal;
				
				/*background-color:		#fff;  =1 */
				
				/*border:					1px solid #fff;  =1 */
			}
			*>body #containerPaging ul .selectedPageNumber 
			{
				min-width:				20px;
				width:					auto;
			}
			
				body #containerPaging ul li a:hover
				{
					/*color:					#fff;*/
					text-decoration:		none;
					
				/*	background-color:		#0079c2;	 =2 */
					
				/*	border:					1px solid #0079c2;	 =2 */
				}

	/*********************************************************************************************/
	/* =Paging									                                     			 */
	/*********************************************************************************************/
	#totalContainer .paging
	{
		padding:			0;
		margin:				13px 0 0 0;
	}
	
		#totalContainer .paging li
		{
			float:				left;
			display:			block;
			
			
			padding:			0;
			margin:				0 8px 0 0;
			
			color:				#999;	/* =102 */
			line-height:		1.2em;
			
			background-image:	none;
		}
		
			#totalContainer .paging li a
			{
				display:			block;
				
				padding:			6px;
				
				color:				#333;	/* =100 */
				text-decoration:	none;
			}
			
				#totalContainer .paging li a:hover
				{
					padding:			6px 6px 4px 6px;
					
					color:				#777;			/* =100 */
									
					border-bottom:		2px solid #777;	/* =100 */
					
					background-color:	#f5f5f5;		/* =104 */
				}
		
		#totalContainer .paging .info
		{
			padding:			6px 6px 6px 0;
			margin-right:		10px;
		
			color:				#999;	/* =102 */
		}
		
		#totalContainer .paging .inBetween
		{
			padding:			6px;
		
			color:				#b2b2b2;	/* =103 */
		}
		
		#totalContainer .paging .currentPage span
		{
			display:			block;
			
			padding:			6px;
			
			color:				#fff;	/* =105 */
			font-weight:		bold;
			
			background-color:	#777;	/* =101 */					
		}
		
		/* First and last pagenumber*/
		#totalContainer .paging .firstItem
		{
		}
		
		#totalContainer .paging .lastItem
		{
		}
		
		/* Next previous selectors*/
		#totalContainer .paging .previousPage a,
		#totalContainer .paging .nextPage a,
		#totalContainer .paging .previousPage a:hover,
		#totalContainer .paging .nextPage a:hover,
		#totalContainer .paging .previousPage.noPreviousPage,
		#totalContainer .paging .nextPage.noNextPage
		{
			padding:				2px 0 2px 0;
			border-bottom:			none;
			
			background-color:		transparent;
		}
	
		#totalContainer .paging .previousPage a span,
		#totalContainer .paging .nextPage a span,
		#totalContainer .paging .previousPage.noPreviousPage span,
		#totalContainer .paging .nextPage.noNextPage span
		{
			display:				block;

			width:					20px;
			height:					20px;
			
			margin:					0;
			padding:				0;

			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/navigation_small.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			background-color:		transparent;
			
			border:					medium none;
			overflow:				hidden;

			cursor:					pointer;
		}
		
			/* previous */
			#totalContainer .paging .previousPage a span
			{
				float:					left;
				display:				inline;
				
				background-position: 	left top;
			}
			
				#totalContainer .paging .previousPage a:hover span
				{
					background-position: 	left -20px;
				}
				
					#totalContainer .paging .previousPage.noPreviousPage span
					{
						background-position: 	left -40px;
					}
				
			/* next */
			#totalContainer .paging .nextPage, #totalContainer .paging .previousPage
			{
				width:				20px;
				border:				none;
			}
			
			
			#totalContainer .paging .nextPage a span
			{
				float:					right;
				display:				inline;
				
				background-position: 	-20px top;
			}
			
				#totalContainer .paging .nextPage a:hover span
				{
					background-position: 	-20px -20px;
				}
				
					#totalContainer .paging .nextPage.noNextPage span
					{
						background-position: 	-20px -40px;
					}

	/*********************************************************************************************/
	/* =path 							            		                          			 */
	/*********************************************************************************************/
	#path
	{
		position:				absolute;
		left:					0;
		top:					117px;
		
		width:					727px;
		height:					18px;
		margin-left:			11px;
		
		font-size:				0.9em;
	}
	*>#path
	{
		width:					954px;
	}
	
		#path strong
		{
			display:				none;
		}
	
		#path ul
		{
			height:					1.2em;
			margin:					4px 0 0 244px;
		}
		
			#path li
			{
				display:				inline;
				float:					left;
	
				height:					1.2em;
				margin:					0;
				padding:				0 0 0 4px;
			
				/*color:					#999;	 =11 */
				line-height:			120%;

				background-image: 		none;
				white-space:			nowrap;
			}
			
				#path a
				{	
					display:				block;
		
					width:					10px;
					height:					1.2em;
					
					margin:					0;
					padding:				0 10px 0 0;
					
					/*color:					#999; =11 */
					line-height:			120%;
					text-decoration:		none;
					
					background-image:		url(/sjablonen/1/images/general/custom/bullet_path.gif);
					background-repeat:		no-repeat;
					background-position:	right 4px;
				}
				*>#path a /* IE 6 fix */
				{
					min-width:				10px;
					width:					auto;
				}
				
					#path a:hover
					{
						/*color:					#333;	 =13 */
						text-decoration:		underline;
					}

					
	/*********************************************************************************************/
	/* =navigation								                                     			 */
	/*********************************************************************************************/
	#navigation
	{
		position:				absolute;
		left:					11px;
		top:					151px;
	
		padding:				0;
		min-height:				100px;
		height:					100px;
		width:					197px;
	}
	*>#navigation
	{
		height:					auto;
	}
		#navigation li
		{
			padding:				16px 13px 8px 13px;
			
			line-height:			1.415em;
			
			background-image:		url(/sjablonen/1/images/general/background_underline.gif); 
			background-repeat:		repeat-x;
			background-position:	bottom left;
		}
		
			/* level 1 */
			 #navigation ul
			{
				padding:				6px 0 6px 0; 
			}
			
				#navigation ul li
				{
					padding:				0; 
					background-image:		none;
				}
		
					#navigation ul li a						
					{
						display:				block;
						
						padding:				4px 0 0 32px;
	
						/*color:					#777; =10 */
	
						text-decoration:		none;
						
						background-image:		url(/sjablonen/1/images/general/custom/bullet_list.gif); 
						background-repeat:		no-repeat;
						background-position:	19px 10px;
					}
	
						#navigation ul li a:hover					
						{
							/*color:					#0079c2; =2 */
							text-decoration:		underline;
						}			
					
						#navigation ul .selectedPath a, #navigation ul .selected a
						{
							/*color:					#00589c;  =5 */
							font-weight:			bold;
							
							background-image:		url(/sjablonen/1/images/general/custom/bullet_selected.gif); 
						}
					
			/* level 2 */
			#navigation ul .selectedPath ul, #navigation ul .selectedHasChildren ul
			{
				padding:				11px 0 11px 30px; 
			}
			
				#navigation ul .selectedPath ul li, #navigation ul .selectedHasChildren ul li
				{
					display:				block;
					
					padding:				0 0 0 13px;
					
					background-image:		url(/sjablonen/1/images/general/custom/bullet_list.gif); 
					background-repeat:		no-repeat;
					background-position:	0 10px;
				}
				
				#navigation ul .selectedPath ul .selected
				{
					background-image:		url(/sjablonen/1/images/general/custom/bullet_selected.gif); 
				}
		
					#navigation ul .selectedPath ul li a, #navigation ul .selectedHasChildren ul li a						
					{
						padding:				0;
						
						/*color:					#777; =10 */
						font-weight:			normal;
						text-decoration:		none;
						background-image:		none;
					}
	
						#navigation ul .selectedPath ul li a:hover, #navigation ul .selectedHasChildren ul li a:hover				
						{
							/*color:					#0079c2; =2 */
							text-decoration:		underline;
						}			
					
							
						 #navigation ul .selectedPath ul .selected a, #navigation ul .selectedPath ul .selectedPath a
						{
						/*color:					#00589c;  =5 */
							font-weight:			bold;
						}
	
	
			/* level 3 */
			#navigation ul .selectedPath ul .selectedPath ul, #navigation ul .selectedPath ul .selectedHasChildren ul
			{
				margin-top:				0;
				
				padding:				11px 0 11px 30px; 
			}
			
				#navigation ul .selectedPath ul .selectedPath ul li, #navigation ul .selectedPath ul .selectedHasChildren ul li
				{
					display:				block;
					padding:				0 0 0 13px;
					
					background-image:		url(/sjablonen/1/images/general/custom/bullet_list.gif); 
					background-repeat:		no-repeat;
					background-position:	0 10px;
				}
				
				#navigation ul .selectedPath ul .selectedPath ul .selected
				{
					background-image:		url(/sjablonen/1/images/general/custom/bullet_selected.gif); 
				}
		
					#navigation ul .selectedPath ul .selectedPath ul li a, #navigation ul .selectedPath ul .selectedHasChildren ul li a						
					{
						padding:				0;
						
						/*color:					#777; =10 */
						font-weight:			normal;
						text-decoration:		none;
					}
	
						#navigation ul .selectedPath ul .selectedPath ul li a:hover, #navigation ul .selectedPath ul .selectedHasChildren ul li a:hover				
						{
							/*color:					#0079c2; =2 */
							text-decoration:		underline;
						}			
					
						
						 #navigation ul .selectedPath ul .selectedPath ul .selected a,  #navigation ul .selectedPath ul .selectedPath ul .selectedPath
						{
							/*color:					#00589c;  =5 */
							font-weight:			bold;
						}
						
	/*********************************************************************************************/
	/* =reactButton 									                               			 */
	/*********************************************************************************************/
	#reactions
	{
	}
	
		#reactions .number
		{
			clear:					both;
			
			padding-left:			11px;
			
			font-size:				0.82em;
			/*color:					#999;*/
		}
		
		#reactions  h2
		{
			padding-top:			0;
		}
		
		#reactions ul
		{
		}	
	
			#reactions ul li
			{
				background-image:		none;
				padding-left:			0;
				padding-bottom:			11px;
			}
			
			#reactions .by
			{
				width:					100%;
				
				font-size:				0.82em;
				/*color:					#999;*/
				
				padding-left:			11px;
				
			/*	border-bottom:			1px solid #dadada;*/
			}
			
				#reactions .by a
				{
					font-weight:			bold;
					
				/*	color:					#777;	 =10 */
					text-decoration:		none;
				}
				
					#reactions .by a:hover
					{
						/*color:					#333;	 =13 */
						text-decoration:		underline;
					}
					
	#content #reactions img
	{
		display:		inline;
		border:			none;
		float:			none;
		
		margin:			0;
		padding:		0;
	}
					
	/* button */	
	#reactButton
	{
		float:					left;
		display:				inline;

		width:					84px;
		max-width:				84px;
		max-height:				24px;
		height:					24px;	
		margin:					11px 0 13px 11px;
		padding:				0;
		
		line-height:			0.1em;
		text-indent: 			-5000px;	/* remove text */

		background-image:		url(/sjablonen/1/images/general/custom/button_reageren.gif);
		background-repeat:		no-repeat;
		background-position: 	0 0;
	}

		#reactButton:hover
		{
			background-position: 	left bottom;
		}
		
	/* button */
	 #replierForm .fieldRow
	{
		position:				relative;
		clear:					both;

		min-height:				1.5em;
		height:					auto;
		
		margin:					14px 0 14px 0;
		padding:				0;
	}
	
		 #replierForm .fieldRow input
		{
			width:					300px;
			
			float:					left;
			display:				inline;
			
			margin:					0;
			padding:				2px 8px 0 8px;
			
			height:					16px;
			
			/*color:					#666;*/
			font-size:				1em;
		}
		
		 #replierForm .fieldRow textarea
		{
			width:					300px;
			float:					left;
			display:				inline;
			
			margin:					0;
			padding:				2px 8px 0 8px;
			
		/*	color:					#666;*/
			font-size:				1em;
			font-family: 			Verdana, Helvetica, Arial, sans-serif;
		}
	
		 #replierForm label
		{
			clear:					both;
			font-weight:			bold;
			
			width:					100px;		
			float:					left;
		
			padding-right:			18px;
			padding-left:			11px;
		}
	
	 #replierForm .fieldContent
	{
		float:					left;
		padding-left:			11px;
		width:					400px;		
	}
	
	/* Options!*/
	#replierForm #postReactionOptions
	{
		clear:			both;
	}

		#replierForm #postReactionOptions li
		{
			float:				left;
			display:			inline;
			
			margin:				0;
			padding:			0 4px 0 0;
			
			background-image:	none;
		}
		
			#replierForm #setStyleB
			{
				font-weight:		bold;
			}
			
			#replierForm #setStyleU
			{
				text-decoration:	underline;
			}
			
			#replierForm #setStyleI
			{
				font-style:			italic;
			}
			
			#replierForm #postReactionOptions input
			{
				font-size:			1em;
				padding:			2px;
				
			}
		
	/* Smileys*/	
	#replierForm #smileyList
	{
	}
	
		#replierForm #smileyList li
		{
			float:				left;
		
			padding:			0 2px 0 0;
		
			background-image:	none;
		}

			#replierForm #smileyList li a
			{
				display:			block;
				
			    text-align: 		center;
			    vertical-align: 	middle;

				margin:				0;
				padding:			2px;

				border:				1px solid transparent;
			}	

				#replierForm #smileyList li a:hover
				{
				/*	background-color:	#f8f8f8;	 light */;
					
					/*border:				1px solid #dadada;*/
				}
							
				#replierForm #smileyList li a img
				{
					padding:			0;
					margin:				0;
					border:				0px solid transparent;
				}
				
	/* toolbox*/
	#replierForm #toolbox
	{
		clear:				both;
		padding:			26px 0 13px 11px;
	}
	
		#replierForm #toolbox ul
		{
			margin-left:		0px;
		}
	
	/*captcha*/
	#captcha
	{
		clear:				both;

		padding:			23px 0 0 0;	
		
		text-align:			left;
	}
	
	#replierForm #submitPost
	{

	}

	/* submit button */
	#replierForm #submitPost
	{
		clear:					both;
		float:					left;
		display:				inline;

		width:					83px;
		max-width:				83px;
		max-height:				24px;
		height:					24px;	
		margin:					8px 13px 11px 11px;
		padding:				0;
		padding-left:			400px;

		text-indent: 			-5000px;	

		background-image:		url(/sjablonen/1/images/general/custom/button_send.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
		background-color:		transparent;
		
		border:					medium none;
		overflow:				hidden;

		cursor:					pointer;
	}
	
		#replierForm #submitPost:hover
		{
			background-position: 	left bottom;
		}


	/* =griffie */
	#griffieLink a span
	{
		display:				block;

		/* width:					84px;
		max-width:				84px; */
		
		width:					114px;
		max-width:				114px;
		
		max-height:				24px;
		height:					24px;	
		margin:					11px 0 24px 13px;
		padding:				0;

		text-indent: 			-5000px;	

		background-image:		url(/sjablonen/1/images/general/custom/button_griffie.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
		background-color:		transparent;
		cursor:					pointer;
	}
	
		#griffieLink a:hover span
		{
			background-position: 	left bottom;
		}
		
	/* =backLink */
	#backLink a span
	{
		display:				block;
		float:					right;
		display:				inline;
		
		width:					114px;
		max-width:				114px;
		
		max-height:				24px;
		height:					24px;	
		margin:					6px 0 6px 0;
		padding:				0;

		text-indent: 			-5000px;	

		background-image:		url(/sjablonen/1/images/general/custom/button_back.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
		background-color:		transparent;
		cursor:					pointer;
	}
	
		#backLink a:hover span
		{
			background-position: 	left bottom;
		}
		
	/* = iframe*/	
	#totalContainer iframe
	{
		border:					none;
		padding:				4px;
	}
	
	#totalContainer #committeeListiFrame
	{
		float:						right;
		display:					inline;
		
		width: 						250px; 
		height: 					400px; 
		margin:						0;

	}
	
	#totalContainer #committeeMap
	{
		border:					none;
		margin-bottom:			39px;
	}
	
	/*********************************************************************************************/
	/* =to Top									                                      			 */
	/*********************************************************************************************/
	#content .toTop
	{
	}
	
	#content .toTop a
	{
		float:					right;
		display:				inline;
		
		padding:				0 16px 0 0 ;
		margin:					0;
		
		font-size:				0.82em;
		text-decoration:		none;
		
		background-image:		url(/sjablonen/1/images/general/arrow_to_top.gif);
		background-repeat:		no-repeat;
		background-position:	right 7px;
	}
	
		#content .toTop a:hover
		{
			text-decoration:		underline;
		}
	/*********************************************************************************************/
	/* =Errors & Warnings				  			                                      				   */
	/*********************************************************************************************/
				
	#totalContainer span.m2f_fail ,
	#totalContainer span.m2f_success,
	#totalContainer span.notfound_404,
	#totalContainer span.error,
	#totalContainer span.warning,
	#totalContainer span.enquete
	{	
		display:				block;
		margin:					32px 0 32px 13px;
		width:					60%;
		padding: 				13px 0 13px 80px;
		height:					38px;
	
		color: 					#f00;
		font-weight:			bold;
	
		border:					solid 2px #f00;
	}	
	
	#totalContainer span.m2f_fail
	{
		background: 			url(/sjablonen/1/images/general/m2f_fail.png) no-repeat 8px 8px #ffe0e1;
	}
	
	
	#totalContainer span.m2f_success
	{
		color: 					#7ebd27;
		background: 			url(/sjablonen/1/images/general/m2f_success.png) no-repeat 8px 8px #e3ffe0;
		border:					solid 2px #7ebd27;
	}
	
	
	#totalContainer span.notfound_404
	{
		background: 			url(/sjablonen/1/images/general/notfound_404.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#totalContainer span.error
	{
		background: 			url(/sjablonen/1/images/general/error.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#totalContainer span.warning, #totalContainer span.enquete
	{
		color:					#ff7300;
		background: 			url(/sjablonen/1/images/general/warning.png) no-repeat 8px 8px #fff7e0;
		border:					solid 2px #ff7300;
	}	
}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	.hide, #shortCutsFontSizeContainer, .logoImage, #contactLink, #dynamicImage, #quickSearch, #tabs, #path, #options, #sideBar, #navigation, #paging
	{
		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;
		}

}