/*
--------------------------------------------------------------------------------------------------
 Title:			Subpage Styles
 Created on: 	26-01-2010
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Provinsje Fryslân Corporate Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------

 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Content Background 	#fff	(white)
 =2	Logo Blue			#2b56a1	(blue)
 =3	Logo Red			#c73326	(red)
 =4 Body background		#f3f5f6	(light grey)
 =5 Direct nei Frysk	#e28e8a	(light red)
 
 
 =10	Body text		#777	(medium gray)			- also Resize font
 =11	Shortcuts		#999	(medium light gray)
 =12	Menu underline	#c0c0c0	(light gray)			- also Download-size
 =13	Shortcuts MO	#333	(dark grey)

 * Kleurenblokken *
 =A		Cultuur			#714194	(purple)
 =A1	CultuurFr		#aa8dbf	(purple, 60%)
 =B		Natuur			#c6d746	(green)
 =B1	NatuurFr		#d7e37d	(green, 60%)
 =C		Onderwijs		#1c78be	(blue)
 =C1	OnderwijsFr		#77aed8	(blue, 60%)
 =D		Veiligheid		#850059	(wine)
 =D1	VeiligheidFr	#b6669b	(wine, 60%)
 =E		Verkeer			#df8c31	(orange)
 =E1	VerkeerFr		#e9Ae6f	(orange, 60%)
 =F  	Ondernemen		#4a328e	(dark blue)
 =F1	OndernemenFr	#9284bb	(dark blue, 60%)
 =G		Wonen			#ad006b	(purple)
 =G1	WonenFr			#ce66a6	(purple, 60%)
 =H		Zorg			#f0c341	(light orange)
 =H1	ZorgFr			#f3cf67	(light orange, 60%)
 =I		Internationaal	#25a2e1	(light blue)
 =I1	InternationaalFr	#7cc7ed	(light blue, 60%)
 */

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		color:					#3d3c3c;	
		font-family: 			Arial, sans-serif, Helvetica;
		font-size:				0.70em;
		line-height:			1.4em;	
		
		padding:				0;
		margin:					0;
		
		background-color:		#f3f5f6	;	/* =4 */
	}

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

		#totalContainer				/* for shadow purposes */
		{
			position:				relative;
			
			height:					554px;
			min-height:				554px;
			width:					954px;
			margin:					0 auto;
			padding:				0 8px 0 8px;
			
			background-image:		url(/sjablonen/1/images/general/background_shadow_repeat.gif);
			background-repeat:		repeat-y;
			background-position: 	left top;
		}
		*>#totalContainer
		{
			height:					auto;
		}
		
		#innerContainer					/* contains the real content stuff*/
		{
			position:				relative;
			
			height:					555px;
			min-height:				555px;
			padding-top:			41px;
			
			width:					954px;
			
			background-color:		#fff;	/* =1 */
			
			background-repeat:		no-repeat;
			background-position: 	left 119px;
		}
		*>#innerContainer
		{
			height:					auto;
		}
		
	#totalContainer .hide 
	{
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	#content iframe
	{
		width:					600px;
		height:					450px;
	}
	
	#content h1
	{
		/*font-size:				1.72em;*/
		font-size:				1.54em;
		padding:				11px 0 11px 0;
		font-weight:			bold;
		line-height:			1em;
	}
	
		h2
		{
		}
		
			h3
			{
			}
	
	ul
	{
	}
	
		li
		{
		}
	
			li a
			{
				color:					#777;	/* =10 */
				text-decoration:		none;
			}
			
				li a:hover
				{
					color:					#333;	/* =13 */
					text-decoration:		underline;
				}
				
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/
	#logo span
	{
		position:				absolute;
		left:					42px;
		top:					53px;
		
		display:				block;
		
		text-indent: 			-5000px;	/* remove text */

		width:					175px;
		height:					42px;
		
		line-height:			1em;		
		
		background-image:		url(/sjablonen/1/images/general/logo.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
		
		cursor:					pointer;
	}
	
	#mainContainer
	{
		clear:					both;
		float:					left;
		display:				inline;
		
		width:					825px;	
		height:					10px;
		min-height:				10px;
		margin:					181px 0 0 95px;	/* 220 -41 */
		padding:				69px 0 24px 0;
		
		background-color:		#fff;
	}
	*>#mainContainer
	{
		height:					auto;
	}
	
	#footer
	{
		clear:					both;
		
		margin-left:			-8px;
		width:					970px;
		height:					26px;
		
		background-image:		url(/sjablonen/1/images/general/background_shadow_footer.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
	}


	/*********************************************************************************************/
	/* =content		 								                                      		 */
	/*********************************************************************************************/
	#contentContainer
	{
		float:					right;
		display:				inline;
		width:					635px;	/* 455 +180 */
	
		margin:					0;
		padding:				0;
	}

		#content
		{
			float:					left;
			display:				inline;
			
			width:					435px;	/* 455 -20 */
			padding:				0 20px 0 0;
		}

		#sideBar
		{
			float:					left;
			display:				inline;
			
			width:					180px;
		}
	
	/*********************************************************************************************/
	/* =Kleurenblokken 								                                      		 */
	/*********************************************************************************************/
	 /* =cultuur */
	#cultuur h1,
	#cultuur #announcementOptions h2
	{
		color:					#714194;	/* =A */
	}
	
		#cultuur #sideBar  #downloads h2
		{
			background-color:		#714194;	/* =A */
		}

		#cultuur h1 span
		{
			color:					#aa8dbf;	/* =A1 */
		}
		
			#cultuur #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list1.gif); 
			}

		
	 /* =natuur */
	#natuur h1,
	#natuur #announcementOptions h2
	{
		color:					#c6d746;	/* =B */
	}
	
		#natuur #sideBar  #downloads h2
		{
			background-color:		#c6d746;	/* =B */
		}
		
		#natuur h1 span
		{
			color:					#d7e37d;	/* =B1 */
		}
		
			#natuur #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list2.gif); 
			}

		
	 /* =onderwijs */
	#onderwijs h1,
	#onderwijs #announcementOptions h2
	{
		color:					#1c78be;	/* =C */
	}
	
		#onderwijs #sideBar  #downloads h2
		{
			background-color:		#1c78be;	/* =C */
		}
		
		#onderwijs h1 span
		{
			color:					#77aed8;	/* =C1 */
		}
		
			#onderwijs #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list3.gif); 
			}

		
	 /* =veiligheid */
	#veiligheid h1,
	#veiligheid #announcementOptions h2
	{
		color:					#850059;	/* =D */
	}
	
		#veiligheid #sideBar  #downloads h2
		{
			background-color:		#850059;	/* =D */
		}
		
		#veiligheid h1 span
		{
			color:					#b6669b;	/* =D1 */
		}
		
			#veiligheid #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list4.gif); 
			}

		
	 /* =verkeer */
	#verkeer h1,
	#verkeer #announcementOptions h2
	{
		color:					#df8c31;	/* =E */
	}
	
		#verkeer #sideBar  #downloads h2
		{
			background-color:		#df8c31;	/* =E */
		}
		
		#verkeer h1 span
		{
			color:					#e9Ae6f;	/* =E1 */
		}

			#verkeer #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list5.gif); 
			}

		
	 /* =ondernemen */
	#ondernemen h1,
	#ondernemen #announcementOptions h2
	{
		color:					#4a328e;	/* =F */
	}
	
		#ondernemen #sideBar  #downloads h2
		{
			background-color:		#4a328e;	/* =F */
		}
		
		#ondernemen h1 span
		{
			color:					#9284bb;	/* =F1 */
		}

			#ondernemen #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list6.gif); 
			}

		
	 /* =wonen */
	#wonen h1,
	#wonen #announcementOptions h2
	{
		color:					#ad006b;	/* =G */
	}
	
		#wonen #sideBar  #downloads h2
		{
			background-color:		#ad006b;	/* =G */
		}
		
		#wonen h1 span
		{
			color:					#ce66a6;	/* =G1 */
		}
		
			#wonen #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list7.gif); 
			}

		
	 /* =zorg */
	#zorg h1,
	#zorg #announcementOptions h2
	{
		color:					#f0c341;	/* =H */
	}
	
		#zorg #sideBar  #downloads h2
		{
			background-color:		#f0c341;	/* =H */
		}
		
		#zorg h1 span
		{
			color:					#f3cf67;	/* =H1 */
		}
		
			#zorg #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list8.gif); 
			}

		
	 /* =internationaal */
	#internationaal h1,
	#internationaal #announcementOptions h2
	{
		color:					#25a2e1;	/* =I */
	}
	
		#internationaal #sideBar  #downloads h2
		{
			background-color:		#25a2e1;	/* =I */
		}
		
		#internationaal h1 span
		{
			color:					#7cc7ed;	/* =I1 */
		}
		
			#internationaal #content ul li
			{
				background-image:		url(/sjablonen/1/images/general/bullet_list9.gif); 
			}
		
	 /* =default */
	h1,
	#announcementOptions h2
	{
		color:					#244994;	/* =Reflex */
	}
	
		#sideBar  #downloads h2
		{
			background-color:		#244994;	/* =Reflex */
		}
		
		h1 span
		{
			color:					#92a4ca;	/* =Reflex tint */
		}
		

	/*********************************************************************************************/
	/* =slogan		 								                                      		 */
	/*********************************************************************************************/
	#slogan
	{
		position:				absolute;
		bottom:					24px;
		right:					35px;
		
		color:					#2b56a1;	/* =2 */
		font-family: 			Georgia, "Times New Roman", Serif;
		font-size:				2.18em;
		line-height:			1.33em;
		text-decoration:		none;
	}

		#slogan:hover
		{
			text-decoration:		underline;
		}

	/*********************************************************************************************/
	/* =quickMenu 								                                      			 */
	/*********************************************************************************************/	
	#quickMenu
	{
		position:				absolute;
		top:					168px;
		left:					740px;
		
		width:					181px;

		z-index:				100;
	}
	
		#quickMenu ul  li  div
		{
			display:				block;
			
			padding:				0 0 4px 13px;
			
			color:					#fff;
			font-weight:			bold;
			
			background-color:		#c73326;	/* =3 */
			
		}
			#quickMenu ul  li div span
			{
				font-weight:			normal;
			}
			
			#quickMenu ul  li div a
			{
				display:				block;
				
				color:					#fff;	 /* =1 */
				text-decoration:		none;
				
				width:					181px;

				background-image:		url(/sjablonen/1/images/general/button_search.gif);
				background-repeat:		no-repeat;
				background-position: 	110px -2px;
				
				overflow:				hidden;
			}

			
				#quickMenu ul  li div a:hover
				{
					background-position: 	110px -23px;
					text-decoration:		underline;
				}
		
		/* foldout*/		
		#quickMenu ul li ul 
		{
			clear:					both;
			/*padding:				4px 0 4px 0;*/
			padding:				0;
			width:					181px;
			min-height:				1px;
			height:					1px;
			
			background-color:		#fff;				/* =1 */
			
			border:					1px solid #c73326;	/* =3 */
		}
		*>#quickMenu ul li ul
		{
			height:					auto;
		}
		
			#quickMenu ul li ul li 
			{
				display:				block;

				min-height:				1px;
				height:					1px;
				/* 				padding:				0 4px 0 4px; */
				padding:				0;

				line-height:			1em;
			}
			*>#quickMenu ul li ul li
			{
				height:					auto;
			}
			
				#quickMenu ul li ul li div
				{
					background-color:		transparent;
					padding:				0;
					font-weight:			normal;
					min-height:				1px;
					height:					1px;
				}
				*>#quickMenu ul li ul li div
				{
					height:					auto;
				}
			
				#quickMenu ul li ul li a
				{
					display:				block;
					clear:					both;
					
					min-height:				1px;
					height:					1px;
					min-width:				10px;
/*					width:					152px;
					padding:				5px 12px 4px 9px;
*/					
					width:					156px;
					padding:				5px 12px 4px 13px;
					
					color:					#c73326;	/* =3 */
					background-image:		none;
					
					overflow:				visible;
				}
				*>#quickMenu ul li ul li a
				{
					height:					auto;
				}

					#quickMenu ul li ul #quickList_menuitem_1_1 a
					{
						padding-top:			9px;
					}
					
					#quickMenu ul .lastItem a
					{
						padding-bottom:			8px;
					}
				
					#quickMenu ul li ul li a span
					{
						display:				block;
						clear:					both;
						
						min-width:				10px;
						min-height:				1px;
						height:					1px;
						/*width:					149px;*/
						width:					156px;
						padding-top:			4px;
						font-weight:			normal;
						
						color:					#e28e8a;	/* =5 */
						
						cursor:					pointer;
					}
					*>#quickMenu ul li ul li a span
					{
						height:					auto;
						width:					auto;
					}
		
					#quickMenu ul li ul li a:hover
					{
						text-decoration:		none;
						
						color:					#fff;
												
						background-color:		#c73326;	/* =3 */
					}
	
	/*********************************************************************************************/
	/* =shortCuts 								                                      			 */
	/*********************************************************************************************/	
	#shortCutsContainer
	{	
		position:				absolute;
		top:					0;
		left:					0;
		
		width:					977px;
		height:					41px;
		
		background-image:		url(/sjablonen/1/images/general/background_shadow_top.gif);
		background-repeat:		no-repeat;
		background-position: 	left top;
	}
	
		#shortCuts 
		{
			float:					right;
			display:				inline;
			
			padding:				0;
			margin:					8px 14px 0 0;
			height:					32px;
		}
		
			#shortCuts li
			{
				float:				left;
				display:			inline;


				height:				37px;
				margin:				0;
				padding:			0;
			
				line-height:		120%;

				background-image: 	none;
				white-space:		nowrap;
			}
			
				#shortCuts a
				{	
					display:			block;
					
					min-width:			10px;
					width:				10px;
					height:				26px;
					margin:				0;
					padding:			0 0 0 20px;
					
					color:				#111;	
					font-weight:		normal;
				}
				*>#shortCuts a
				{
					width:				auto;
				}
				
					#shortCuts a:hover
					{
						color:					#3d3c3c;	
						text-decoration:		underline;
					}
		
	/*********************************************************************************************/
	/* =quickSearch	 								                                      		 */
	/*********************************************************************************************/
	#quickSearch
	{
		position:				absolute;
		right:					6px;
		top:					124px;
		
		height:					21px;
		width:					196px;
		z-index:				101;
	}
	
		#quickSearch #qs_kw_or
		{
			float:					left;
			display:				inline;
			
			width:					152px;
			height:					17px;
			padding:				4px 8px 0 8px;
			
			color:					#3d3c3c;
			font-size:				1em;
			line-height:			1em;
						
			background-color:		#fff;	/* =1 */
			border:					none;
		}
		
		#quickSearch .button
		{
			float:					left;
			display:				inline;
			
			height:					21px;
			width:					21px;
			margin:					0;
			padding:				0;
			
			background-color:		transparent;	
			border:					0 solid transparent;	
			text-transform: 		capitalize; /* needed for IE*/
			
			cursor:					pointer;

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

			background-image:		url(/sjablonen/1/images/general/button_search.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			
			overflow:				hidden;
		}

		
			#quickSearch .button:hover
			{
				background-position: 	left -21px;
			}
		
	/*********************************************************************************************/
	/* =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:			4px 6px 4px 4px;
				margin:				2px 0 2px 0;
				
				color:				#333;	/* =100 */
				text-decoration:	none;
			}
			
				#totalContainer .paging li a:hover
				{
					padding:			4px 6px 2px 4px;
					margin:				2px 0 2px 0;
					
					color:				#000;			/* =100 */
									
					border-bottom:		2px solid #c73326;	/* =3 */
					
					background-color:	#f5f5f5;		/* =104 */
				}
		
		#totalContainer .paging .info
		{
			padding:			4px 6px 4px 0;
			margin-right:		26px;
		
			color:				#999;	
		}
		
		#totalContainer .paging .inBetween
		{
			padding:			4px 6px 4px 4px;
		
			color:				#b2b2b2;	
		}
		
		#totalContainer .paging .currentPage span
		{
			display:			block;
			
			padding:			4px 6px 2px 4px;
			margin:				2px 0 2px 0;	
			
			color:				#fff;	
			font-weight:		bold;
			
			background-color:	#c73326;	/* =3 */			
		}
		
		/* 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:				0 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
					{
						margin-top:				2px;
						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
					{
						margin-top:				2px;
						background-position: 	-20px -40px;
					}
					
	/*********************************************************************************************/
	/* =path 							            		                          			 */
	/*********************************************************************************************/
	#path
	{
		position:			absolute;
		left:				285px;
		top:				232px;
		
		width:				548px;
		z-index:			98;
	}
	
		#path strong
		{
			display:			none;
		}
		
		#path h2
		{
			display:			none;
		}
	
		#path ul
		{
			height:				1.2em;
			margin:				0;
		}
		
			#path li
			{
				display:			inline;
				float:				left;
	
				height:				1.2em;
				margin:				0;
				padding:			0;
			
				color:				#c73326	;	/* =3 */
				font-size:			1em;
				line-height:		1.2em;

				background-image: 	none;
				white-space:		nowrap;
			}
			*>#path li
			{
				white-space:		normal;
			}
			
				#path a
				{	
					display:			block;
		
					width:				10px;
					height:				1.2em;
					
					margin:				0 5px 0 0;
					padding:			0 11px 0 0;
					
					color:				#c73326	;	/* =3 */	
					line-height:		1.2em;
					text-decoration:	underline;
					
					background-image:	url(/sjablonen/1/images/general/bullet_path.gif);
					background-repeat:	no-repeat;
					background-position:right 4px;
				}
				*>#path a /* IE 6 fix */
				{
					min-width:			10px;
					width:				auto;
				}
				
				#path a span
				{
					padding-left:		2px;
					color:				#e28e8a	;	/* =5 */
				}
				
				
				#totalContainer #path .lastItem
				{
					background-image:	none;
					padding:			0;
				}
				
					#path a:hover span,
					#path a:hover
					{
						color:				#8f130a;	
						text-decoration:	underline;
					}

	/*********************************************************************************************/
	/* =options				 			       	                    							 */
	/*********************************************************************************************/
	#totalContainer #options
	{
		float:				right;
		display:			inline;
		padding-top:		41px;
	}
	
		#totalContainer #contentContainer #options ul li
		{
			float:				left;
			display:			inline;
			
			position:			relative;
			
			width:				31px;	/* 15 +16 */
			height:				14px;
			
			padding:			0;
			
			background-image:	none;
		}
		
			#totalContainer #options ul li a
			{
				float:					left;
				display:				inline;
				margin:					0 0 0 16px;
				padding:				0;
			}
			
			#totalContainer #options ul li a span
			{
				display:				block;
				
				padding:				0;
				margin:					0;
				
				width:					15px;
				height:					14px;
				
				text-indent: 			-5000px;	/* remove text */

				line-height:			1em;		
				
				background-repeat:		no-repeat;
				background-position: 	left top;
				background-image:		url(/sjablonen/1/images/general/icon_print.gif);
				cursor:					pointer;
			}
			
								
				#totalContainer #options .print a span
				{
					background-position: 	left top;
				}
				
					#totalContainer #options .print a:hover span
					{
						background-position: 	left bottom;
					}
	
				#totalContainer #options .mail a span
				{
					background-position: 	right top;
				}
				
					#totalContainer #options .mail a:hover span
					{
						background-position: 	right bottom;
					}
				
	/********************************************************************************************/
	/* =downloads																				*/
	/********************************************************************************************/
	#sideBar #downloads,
	#sideBar #news	
	{
		clear:					both;
		width:					152px;	/* 154 -2 */
		height:					20px;	/* 328 -2 */
		min-height:				20px;
		
		margin:					12px 0 0 6px;
		padding-bottom:			25px;
		
		border:					1px solid #000;
		
		background-image:		url(/sjablonen/1/images/general/background_downloads.gif);
		
		background-repeat:		no-repeat;
		background-position:	left bottom;
	}
	*>#sideBar #downloads,
	#sideBar #news	
	{
		height:					auto;
	}
	
	#sideBar #news	
	{
		float:					left;
	}
	
		#sideBar  #downloads h2,
		#sideBar #news h2
		{
			display:			block;
			
			height:				26px;
			margin-top:			18px;
			padding:			10px 0 0 8px;
			
			color:				#fff;
			font-weight:		bold;
			font-size:			1.09em;
			
			background-color:	#714194;	/* =A */
			text-decoration: 	none;
		}
		
			#sideBar  #downloads h2 a,
			#sideBar #news h2 a
			{
				text-decoration:		none;
				color:					#fff;
			}
			
				#sideBar  #downloads h2 a:hover,
				#sideBar  #news h2 a:hover
				{
					text-decoration:		underline;
					cursor:					pointer;
				}
		
		#sideBar  #downloads ul,
		#sideBar  #news ul
		{
			padding:				10px 0 0 0;
		}
		
		#sideBar  #news ul
		{
			float:					left;
		}
			
			#sideBar  #downloads li,
			#sideBar  #news li
			{
				position:				relative;
				padding:				3px 8px 2px 16px;	
				
				line-height:			1.415em;	

				background-repeat:		no-repeat;
				background-position:	8px 8px;
				background-image:		url(/sjablonen/1/images/general/bullet_downloads.gif);
			}
			
			#sideBar  #news li
			{
				padding:				3px 8px 10px 10px;
				background-image:		none;
			}
		
				#sideBar  #downloads li a,
				#sideBar  #news li a
				{
					color:					#2b56a1;	/* =2 */
				}
				
					#sideBar  #downloads li a:hover,
					#sideBar  #news li a:hover
					{
						color:					#714194;	/* =A */
					}
			
					#sideBar  #downloads li span
					
					{
						clear:					both;
						display:				block;
						white-space:			nowrap;
						color:					#999;
					}
					
					#sideBar  #downloads li .number
					{
						font-size:				0.91em;
					}
					
					#sideBar  #news li a.tweet_avatar,
					#sideBar  #news li a.tweet_avatar img
					{
						float:					left;
						width:					32px;
						height:					32px;
					}
					
					#sideBar  #news li a.tweet_avatar 
					{
						margin:					2px 4px 3px 0;
					}
					
					#sideBar  #news li span.tweet_text
					{
						float:					left;
						width:					138px;
						padding:				0 0 15px 0;
					}
					
					#sideBar  #news li span.tweet_text
					{
						margin:				0 0 0 10px; /* only IE7 */
					}

			#sideBar  #downloads .overview 
			{
				margin	:				14px 0 0 16px;
			}
			
				#sideBar  #downloads .overview a
				{
					color:					#2b56a1;	/* =2 */
					line-height:			1.415em;
					font-weight:			bold;
				}
				
					#sideBar  #downloads .overview a span
					{
						font-weight:			normal;
					}
					
					#sideBar  #downloads .overview a:hover,
					#sideBar  #downloads .overview a:hover span
					{
						color:					#714194;	/* =A */
					}
			
	/*********************************************************************************************/
	/* =pageNavigation								                                      		 */
	/*********************************************************************************************/		
	#pageNavigation
	{
		float:					right;
		
		height:					10px;
		min-height:				10px;
		width:					158px;	/* 190 - 16 - 16*/
		margin:					0;
		padding:				15px 16px 18px 16px;
	}
	*>#pageNavigation
	{
		height:					auto;
	}

	/*********************************************************************************************/
	/* =pageIndex									                                      		 */
	/*********************************************************************************************/	
	#pageIndex
	{
		line-height:			1.21em;
	}
		#pageIndex li
		{
			padding-bottom:			6px;
		}
			
			#pageIndex .selected div div,
			#pageIndex li a
			{
				color:					#c73326	;	/* =3 */
				font-weight:			bold;
			}
			
				#pageIndex .selectedPath a
				{
					color:					#3d3c3c;
				}
				
				#pageIndex .selectedPath a span
				{
					color:					#999;
				}
			
			#pageIndex .selected div div span,
			#pageIndex li a span
			{
				clear:						both;
				display:					block;
				
				color:						#e28e8a	;	/* =5 */
				font-weight:				normal;
			}
			
			#pageIndex li a:hover,
			#pageIndex li a:hover span
			{
				color:						#8f130a;	
				text-decoration:			underline;
			}
			
			/* Level 2 */
			#pageIndex ul
			{
				padding-top:			6px;			
			}
			
				#pageIndex ul li
				{
					padding:				0 0 6px 8px;
				}
					
					#pageIndex ul li a
					{
						color:					#000;
						font-weight:			normal;
					}
					
					#pageIndex ul li a span
					{
						clear:					both;
						display:				block;
						
						color:					#999;
					}
					
					#pageIndex ul li a:hover,
					#pageIndex ul li a:hover span
					{
						color:					#444;
						text-decoration:		underline;
					}
					
				/* Level 3*/
				#pageIndex ul li ul li
				{
					padding:				0 0 6px 9px;
					
					background-repeat:		no-repeat;
					background-position:	0 3px;
					background-image:		url(/sjablonen/1/images/general/bullet_menu.gif);
				}

	/*********************************************************************************************/
	/* =pageShortCuts								                                      		 */
	/*********************************************************************************************/	
	#pageShortCuts
	{
		padding-top:			18px;
		
		font-size:				0.82em;
		line-height:			1.48em;
	}

		#pageShortCuts li
		{
			padding-bottom:			6px;
		}
			
			#pageShortCuts li a
			{
				color:					#000;
			}
			
			#pageShortCuts li a span
			{
				clear:					both;
				display:				block;
				
				color:					#999;
			}
			
			#pageShortCuts li a:hover,
			#pageShortCuts li a:hover span
			{
				color:					#444;
				text-decoration:		underline;
			}
			
	/*********************************************************************************************/
	/* =reactions 									                               				 */
	/*********************************************************************************************/
	#reactions
	{
		padding:			8px 0 8px 0;
	}
	
		#content #reactions .totalReactions
		{
			color:					#999;	/* =102 */
		}

		#content #reactions  h2
		{
		}
		
		#content #reactions ul
		{
			clear:				both;
			padding:			0;
			margin:				0;
			
			border-top:		1px solid #f5f5f5;	/* =104 */
		}	
	
			#content #reactions ul li
			{
				clear:				both;
				position:			relative;

				margin:				0;
				padding:			18px 13px 18px 13px;
				
				height:				10px;
				min-height:			10px;

				background-image:	none;
				border-bottom:		1px solid #f5f5f5;	/* =104 */
			}
			*>#content #reactions ul li
			{
				height:				auto;
			}
				
				#content #reactions ul li:hover
				{
					background-color:	#f5f5f5;	/* =104 */
				}
			
			/* alternate style */
			#content #reactions ul .alternate
			{
			}
			
				#content #reactions ul li p
				{
					margin:			0;
				}
			
			/* user */
			#reactions .by
			{
				color:				#999;	/* =102 */
				line-height:		1.2em;
				padding-bottom:		2px;
			}
			
				#reactions .by a
				{
					color:				#777;	/* =101 */
					text-decoration:	underline;
				}
				
					#reactions .by a:hover
					{
						color:				#333;	/* =100 */
						text-decoration:	underline;
					}
					
	#content #reactions img
	{
		display:			inline;
		border:				none;
		float:				none;
		
		margin:				0;
		padding:			0;
		
		background-color:	transparent;
	}
	
	#reactions .postNumber
	{
		position:			absolute;
		top:				10px;
		right:				15px;
		
		color:				#ddd;	/* =104 */
		font-size:			2em;
		font-weight:		bold;		
	}
	
		#content #reactions ul li:hover .postNumber
		{
			color:				#999;	/* =104 */
		}
		
	/* post */
	/* Options!*/
	#content #postReactionOptions
	{
		clear:			both;
	}

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

		#content #smileyList .newLine
		{
			clear:				both;
		}
		
			#content #smileyList li a
			{
				display:			block;
				
			    text-align: 		center;
			    vertical-align: 	middle;

				margin:				0;
				padding:			2px;

				border:				1px solid transparent;
			}	

				#content #smileyList li a:hover
				{
					background-color:	#f8f8f8;	/* light */
					
					border:				1px solid #dadada;
				}
							
				#content #smileyList li a img
				{
					padding:			0;
					margin:				0;
					border:				0px solid transparent;
				}
				
	/* toolbox*/
	#content #toolbox
	{
		clear:				both;
		padding:			0 0 13px 0;
	}
	
		#content #toolbox ul
		{
			margin-left:		0px;
		}
		
	/* Standard buttons  -> standard hyperlink */
	#totalContainer #content .cm_button
	{
		float:					left;
		display:				inline;
		
		margin:					13px 8px 13px 0;
		padding:				3px 21px 3px 6px;
		height:					15px;
		
		font-size:				1em;
		color:					#fff;
		line-height:			1.2em;
		font-weight:			bold;
		text-decoration:		none;
		line-height:			1.48em;
		
		background-color:		#c73326;	/* =2 */
		
		background-image:		url(/sjablonen/1/images/general/button_search.gif);
		background-repeat:		no-repeat;
		background-position: 	right top;
			
	}
	
		#totalContainer #content  .cm_button:hover
		{
			text-decoration:		none;
			color:					#fff;
			
			background-color:		#7d0800;	/* =unique */
			
			background-position: 	right -21px;
			
			cursor:					pointer;
		}
	
	#totalContainer #content input.cm_button
	{
		height:					21px;
	}
	
		#totalContainer #content .cm_button.delete
		{
			margin-left:			13px;
			
			color:					#2b56a1;	/* =2 */
			text-decoration:		underline;
			font-weight:			normal;

			background-color:		#fff;
			background-image:		none;
		}

			#totalContainer #content .cm_button.delete:hover
			{
				color:					#4a328e;	/* =F */
				text-decoration:		underline;
				
				background-position: 	right -21px;

				background-color:		#fff;
				background-image:		none;
			}
			
	/*********************************************************************************************/
	/* =Errors & Warnings				                                      				   */
	/*********************************************************************************************/
				
	#content span#m2f_fail ,
	#content span#m2f_success,
	#content span#notfound_404,
	#content span#error,
	#content span#warning
	{	
		display:				block;
		margin:					32px 0 32px 0;
		width:					80%;
		padding: 				13px 0 13px 80px;
		height:					38px;
	
		color: 					#f00;
		font-weight:			bold;
	
		border:					solid 2px #f00;
	}	
	
	#content span#m2f_fail
	{
		background: 			url(/sjablonen/1/images/general/m2f_fail.png) no-repeat 8px 8px #ffe0e1;
	}
	
	
	#content span#m2f_success
	{
		color: 					#7ebd27;
		background: 			url(/sjablonen/1/images/general/m2f_success.png) no-repeat 8px 8px #e3ffe0;
		border:					solid 2px #7ebd27;
	}
	
	
	#content span#notfound_404
	{
		background: 			url(/sjablonen/1/images/general/notfound_404.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#content span#error
	{
		background: 			url(/sjablonen/1/images/general/error.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#content span#warning
	{
		color:					#ff7300;
		background: 			url(/sjablonen/1/images/general/warning.png) no-repeat 8px 8px #fff7e0;
		border:					solid 2px #ff7300;
	}

	/* Fryske taal in 1 body */
	#frysk
	{
		padding-top:			18px;

		background: 			url(/sjablonen/1/images/general/frysk.gif);
		background-position:	right top;
		background-repeat:		no-repeat;
	}
	
	/*********************************************************************************************/
	/* =share				 		       	                    								 */
	/*********************************************************************************************/
	#totalContainer #share
	{
		float:					left;
		
		min-height:				10px;
		height:					10px;
		padding:				10px 0 0px 0px;
	}
	*>#totalContainer #share
	{
		height:					auto;
	}
	
		#totalContainer #share h2
		{
			display:				block;
			
			height:					18px;
			
			padding:				0;
			margin:					0;
	
		}
		
		#totalContainer #share ul
		{
				}
		
			#totalContainer #share li
			{
				float:					left;
				display:				inline;
				padding:				0;
				margin:					9px 5px 0 0;
				background-image:		none;
			}
			
			#totalContainer #share li a
			{
				position:				relative;
				display:				block;
				
				text-decoration:		none;
			}
			
				#totalContainer #share li img
				{
					display:				block;
					margin:					0;
				}
				
				/* tip */
				#totalContainer #share li a span
				{
					display:				none;	
					position: 				absolute;
					left:					-83px;
					top:					-73px;
				}	
				
					#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;
						color:					#2b56a1;
						background-repeat:		no-repeat;
						background-position: 	0 0;
						background-image:		url(/sjablonen/1/images/general/balloon.gif);
	
					}
		
}