/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                         	*/
/* Description:		TYPOGRAPHY stylesheet				                                     	*/
/* Site name:		GHOR Extranet								                            	*/
/* Date created:	07-04-2010						                                     		*/
/************************************************************************************************/

/*
--------------------------------------------------------------------------------------------------
 Standard Colors:
--------------------------------------------------------------------------------------------------
 =1 Headers					#76a000	(also topgraphic background and hyperlinks)
 =2 Mouse over				#9dbd15	(light green grey)
 
 =3 Content borders			#e8e8e8	(Very light grey) 
 =4 Content text			#333	(dark grey)
 =5 Content light text		#c0c0c0	(light grey) 
 
 =6 Header graphic text		#fff	(white) 
 
--------------------------------------------------------------------------------------------------
 Custon Colors:
--------------------------------------------------------------------------------------------------
Blue						=	#0065a4
Green						=	#008b60
Grey						= 	#666666
Standard text				=	#333333

*/

/************************************************************************************************/
/* SCREEN STYLES																				*/
/************************************************************************************************/
@media screen
{

	/*********************************************************************************************/
	/* =Iframe	 								                                  	 			 */
	/*********************************************************************************************/	

	#content iframe
	{
		width:				504px;
		height:				410px;
	}

	/*********************************************************************************************/
	/* =Head	 								                                  	 			 */
	/*********************************************************************************************/	

	#content h2,
	#content h3
	{
		clear:				both;
		float:				left;
		display:			inline;
		
		font-weight:			bold;
		font-size:				1.5em;	
		
		margin:					0 0 2px 0;
		padding:				0;
		width:					640px;
	}
	
	#content h3 
	{
		font-size:				1.2em;
		margin:					0;
	}

	

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

	#content p
	{
		/* clear:				both; */
		clear:left;

		padding-left:		0;
		margin-bottom:		0.8em;
	}
	
		#content a
		{
			color:					#008b60;	/* =2 */
			text-decoration:		underline;
		}
		
			#content a:hover
			{
				color:					#0065a4;	/* =3 */
				text-decoration:		underline;
			}
			
			#content a:visited
			{
			/*	color:					#c728af; */	/* =2 */
				text-decoration:		underline;
			}

	/*********************************************************************************************/
	/* =Image	 								                                  	 			 */
	/*********************************************************************************************/	
	#content img
	{
		display:				block;
		
		margin:					0 12px 1em 0;
		
		padding:				2px;
		border:					1px solid #b2b2b2;	/* =12 */
	}
	
		#content a:hover img
		{		
			border:					1px solid #333;  /* =2 */
		}
		
		#content img.linksUitlijnen
		{
			clear:both;
			margin:				0 10px 8px 0;
		}
	
		#content img.rechtsUitlijnen
		{
			clear:both;
			margin:				0 0 8px 0;
		}

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

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

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


	#content hr
	{
	 	float:				left;
	}
			
	/*********************************************************************************************/
	/* =Pre 								        		                           			 */
	/*********************************************************************************************/
	#content 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 */
	}

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

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

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

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

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

	/*********************************************************************************************/
	/* =Tables		 								                                   			 */
	/*********************************************************************************************/
	#content table,
	#content .layouttabel 
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 0 18px 0;
		/*width:					276px;*/
		/*width:					609px;*/

		border-collapse: 		collapse;
	}

		#content table caption,
		#content .layouttabel
		{
			padding:			8px 0 2px 4px;

			font-weight:		bold;
			text-align:			left;
		}
		
			#content table tbody,
			#content .layouttabel tbody
			{
				padding: 				0;
				margin:					0;
			}
		
			#content table th,
			#content .layouttabel th
			{
				font-weight:			bold;
	
				padding: 				1px;
				margin:					0;
			}
			
			#content table td,
			#content .layouttabel td
			{
				padding: 				1px;
				margin:					0;
				
				border-width: 			0;
			}
		
		#content table .tableRowOdd,
		#content .layouttabel .tableRowOdd
		{
		}
		
			#content table tr:hover,
			#content .layouttabel tr:hover
			{

			}

	/* =Data */
	#content .gegevenstabel 
	{
		border-top:				1px solid #b2b2b2;	/* =12 */
		border-left:			1px solid #b2b2b2;	/* =12 */
	}
	
		#content .gegevenstabel th 
		{
			border-bottom:			1px solid #b2b2b2;	/* =12 */
			border-right:			1px solid #b2b2b2;	/* =12 */
		}
		
		#content .gegevenstabel td
		{
			border-bottom:			1px solid #b2b2b2;	/* =12 */
			border-right:			1px solid #b2b2b2;	/* =12 */
		}
		
		#content .gegevenstabel .tableRowOdd
		{
			background-color: 		#f5f5f5;	/* =14 */
		}
		
			#content .gegevenstabel tr:hover
			{
				background-color: 		#f0f0f0;	/* =unique */
				color:					#333;		/* =13 */
			}
			
				#content .gegevenstabel tr:hover .tableRowOdd 
				{
					background-color: 		#e8e8e8; /* =unique */
				}

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

		/*width:					276px;*/
		/*width:					609px;*/

		padding-top:		0;
		margin:				0 0 0.8em 0;
		min-height:			1em;
		height:				auto;
	}

		#content ul li
		{
			position:				relative;
			padding-left:			20px;	

			background-image:		url(/sjablonen/4/images/general/bullet_list.gif); 
			background-repeat:		no-repeat;
			background-position:	2px 7px;
		}
	
	#content ol
	{
		list-style-type: 		decimal;
		margin-right:			13px;
	}
	
		#content ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin-left:		20px;
			padding:			0 0 0 0;
			min-height:			1em;
			height:				auto;
			
			background-image:	none
		}

	/*********************************************************************************************/
	/* =Attributes 									                                   			 */
	/*********************************************************************************************/			
	#content .rechtsUitlijnen
	{
		float: 				right;
		display:			inline:
	}
	
	#content .linksUitlijnen
	{
		float: 				left;
		display:			inline:
	}
	
	#content strong
	{
		font-weight:		bold;
	}
	
	#content em
	{
		font-style:			italic;
	}

	#content .Samenvatting,
	#content .samenvatting
	{
		font-weight:		bold;
		margin-bottom:		1.0em;
	}		

}