/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		TYPOGRAPHY stylesheet				                              			*/
/* Site name:		IKP Fryslan	(sjabloon 1)				                           	  		*/
/* Date created:	12-02-2010							                               	  		*/
/************************************************************************************************/
/*
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 ***** Standard Module colours *****
 =10	Newshead text	#777	(medium gray)
 =11	Shortcuts		#999	(medium light gray)
 =12	date			#b2b2b2	(light gray)
 =13	body text		#333	(dark grey)
 =14	calendar alt	#f5f5f5	(ultra light gray)
 =15	body background #fff	(white)

*/
@media screen, print
{
	/*********************************************************************************************/
	/* =Head	 								                                  	 			 */
	/*********************************************************************************************/	
	#contentWeb h2 
	{		
		color:					#0075b5;	
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			120%;
		
		margin:					0;
		padding:				0;
	}
	

	#contentWeb h3 
	{
		color:					#0075b5;	
		font-size:				1.1em;
		font-weight:			bold;
		line-height:			120%;
		
		margin:					0;
		padding:				0;
	}
	

	/*********************************************************************************************/
	/* =Standard elements						                                  	 			 */
	/*********************************************************************************************/		
	#contentWeb  span.abbr
	{
		cursor: 				help;
		border-bottom:			#bbb 1px dotted;
	}

	#contentWeb p
	{
		/* clear:				both; */

		padding-left:		0;
		margin:				0;
	}
	
		#contentWeb a
		{
			font-weight:			bold;
			color:					#0075b5;	/* =2 */
			text-decoration:		none;
		}
		
			#contentWeb a:hover
			{
				color:					#0075b5;	/* =3 */
				text-decoration:		underline;
			}
			
			#contentWeb a:visited
			{
			/*	color:					#c728af; */	/* =2 */
			/*	text-decoration:		underline;*/
			}

	/*********************************************************************************************/
	/* =Image	 								                                  	 			 */
	/*********************************************************************************************/	
	#contentWeb img
	{
		display:				inline;
		margin:					0px 5px 0px 5px;
		
	/*	border:					1px solid #b2b2b2;*/	/* =12 */
	}
	
		#contentWeb a:hover img
		{		
		/*	border:					1px solid #763d0a; */ /* =2 */
		}
		
		#contentWeb img.linksUitlijnen
		{
			display:			block;
			margin:				0 10px 4px 0;
		}
	
		#contentWeb img.rechtsUitlijnen
		{
			display:			block;
			margin:				0 0 4px 10px;
		}
	
	
	#contentWeb  div img,
	#contentWeb  div div img
	{
		margin:				0;
		padding:			0;
		display:			inline;
	}	

	/*********************************************************************************************/
	/* =Blockquote 								                                  	 			 */
	/*********************************************************************************************/		
	/* Blockquote Webkant  */		
	 #contentWeb blockquote
	{
		padding:			0 13px 0 9px;
		margin:				0 0 0 9px;
	}

		#contentWeb blockquote blockquote
		{
			width:				auto;	
	
			padding:			0 0 0 9px;
			margin:				0 0 0 9px;
		}

	/* Blockquote in de editor		
		blockquote
		{
			border:				1px dashed #e5e5e5;
		}
	*/


	#contentWeb hr
	{

	}
			
	/*********************************************************************************************/
	/* =Pre 								        		                           			 */
	/*********************************************************************************************/
	#contentWeb pre
	{
		clear:				both;


		min-height:			1em;
		height:				auto;
		margin:				11px 0 11px 0;
		
		padding:			13px;
				
		font-size:			1.18em;		
		color:				#777;		/* =10 */ 
		font-family:		Courier;
		
		background-color:	#f5f5f5;	/* =14 */
	}

		#contentWeb pre pre
		{
			font-size:			1em;
		}
		
		#contentWeb pre a
		{
			color:				#777;	/* =10 */
			text-decoration:	underline;
		}
		
			#contentWeb pre a:hover
			{
				color:					#333;	/* =13 */
				text-decoration:		underline;
			}
			
				#contentWeb pre a:visited
				{
				/*	color:				#802f80;*/
				}
			
		#contentWeb pre h2,
		#contentWeb pre h3
		{
			margin-top:			0;

			color:				#777;	/* =10 */
			font-variant:		normal;
		}

	/*********************************************************************************************/
	/* =Text attributes								                                   			 */
	/*********************************************************************************************/
	/* =Alignment */
	#contentWeb .textAlignRight
	{
		text-align:			right;
	}
	
	#contentWeb .textAlignCenter
	{
		text-align:			center;
	}
	
	#contentWeb .textAlignJustify
	{
		text-align:			justify;
	}

	#contentWeb .textAlignLeft
	{
		text-align:			left;
	}	

	/* =Underline */
	#contentWeb .textUnderline	
	{
		text-decoration:	underline;
	}
	

	/*********************************************************************************************/
	/* =Tables		 								                                   			 */
	/*********************************************************************************************/
	#contentWeb .layouttabel 
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 0 18px 0;
		border:					0;

		border-collapse: 		collapse;
	}

		#contentWeb .layouttabel
		{
			padding:			8px 0 2px 4px;
			text-align:			left;
		}
		
			#contentWeb .layouttabel tbody
			{
				padding: 				0;
				margin:					0;
			}
		
			#contentWeb .layouttabel th
			{
				font-weight:			bold;
	
				padding: 				2px 4px 2px 4px;
				margin:					0;
			}
			
			#contentWeb .layouttabel td
			{
				padding: 				2px 4px 2px 4px;
				margin:					0;
				
				border-width: 			0;
			}
		
		#contentWeb .layouttabel .tableRowOdd
		{
		}
		
			#contentWeb .layouttabel tr:hover
			{

			}

	/* =Data + standaard table */
	
	#contentWeb table,
	#contentWeb .gegevenstabel 
	{
		border-top:				1px solid #b2b2b2;	/* =12 */
		border-left:			1px solid #b2b2b2;	/* =12 */
		border-collapse: 		collapse;
	}
	
		#contentWeb table th,
		#contentWeb .gegevenstabel th 
		{
			border-bottom:			1px solid #b2b2b2;	/* =12 */
			border-right:			1px solid #b2b2b2;	/* =12 */
			padding: 				2px 4px 2px 4px;
		}
		
		#contentWeb table td,
		#contentWeb .gegevenstabel td
		{
			border-bottom:			1px solid #b2b2b2;	/* =12 */
			border-right:			1px solid #b2b2b2;	/* =12 */
			padding: 				2px 4px 2px 4px;
		}
		
		#contentWeb table .tableRowOdd,
		#contentWeb .gegevenstabel .tableRowOdd
		{
			/*background-color: 		#f5f5f5;	/* =14 */
		}
		
			#contentWeb tr:hover,
			#contentWeb .gegevenstabel tr:hover
			{
				background-color: 		#f0f0f0;	/* =unique */
				color:					#333;		/* =13 */
			}
			
				#contentWeb tr:hover .tableRowOdd
				#contentWeb .gegevenstabel tr:hover .tableRowOdd 
				{
					background-color: 		#e8e8e8; /* =unique */
				}

	/*********************************************************************************************/
	/* =Lists 										                                   			 */
	/*********************************************************************************************/
	#contentWeb ul,
	#contentWeb ol
	{
		clear:				both;
		display:			block;

		padding:			0;
		margin:				0 0 1.0em 0;
		min-height:			1em;
		height:				auto;
	}
	
			#contentWeb ul li
			{
				position:				relative;
				padding:				2px 0 2px 22px;
			
				background-image:		url(/sjablonen/1/images/general/bullet_blauw.gif);
				background-position:	3px 3px;
				background-repeat:		no-repeat;
				vertical-align:			top;
				text-align: 			top; 

			}
	
	#contentWeb ol
	{
		list-style-type: 		decimal;
		margin:					0 0 1.0em 0;	
		padding:				0 0 0 25px;
	}
	
		#contentWeb ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin:				0;
			padding:			0 13px 0 0;
			min-height:			1em;
			height:				auto;
			
			background-image:	none;
			vertical-align:		top;
			text-align: top; 

		}

	/*********************************************************************************************/
	/* =Attributes 									                                   			 */
	/*********************************************************************************************/			
	#contentWeb .rechtsUitlijnen
	{
		float: 				right;
		padding-left:		8px;
	}
	
	#contentWeb .linksUitlijnen
	{
		float: 				left;
		padding-right:		8px;
	}
	
	#contentWeb strong
	{
		font-weight:		bold;
	}
	
	#contentWeb em
	{
		font-style:			italic;
	}

	#contentWeb .Samenvatting
	{
		font-weight:		bold;
		margin-bottom:		2em;
	}	

	/*********************************************************************************************/
	/* =Paging	 									                                   			 */
	/*********************************************************************************************/		

	#content #containerPaging ul
	{
		float:				left;
		margin:				16px 0 0 0;
		padding:			0;
	}
	
	
		#content #containerPaging ul li
		{
			float:				left;
			display:			inline;
			background-image:	none;
			margin:				0;
			padding:			0;
		}
		
			#content #containerPaging ul li.selectedPageNumber,
			#content #containerPaging ul li a
			{
				float:				left;
				display:			inline;
				padding:			3px 4px 3px 4px;
				margin:				0 5px 0 0;
				background-color:	#ddd;
			}
			
				#content #containerPaging ul li.selectedPageNumber,
				#content #containerPaging ul li a:hover
				{
					background-color:	#0075b5;
					color:				#fff;
					font-weight:		bold;
				}

	/*********************************************************************************************/
	/* =Colors	 									                                   			 */
	/*********************************************************************************************/		
	
	#contentWeb  .rood 
	{
		color:			#ff0000;
	}
	
	#contentWeb .onderschrift
	{
		font-size:		0.9em; 
	}
	
	#contentWeb  .zwart 
	{
		color:			#000000;
	}	
				
}