/*
--------------------------------------------------------------------------------------------------
 Title:			Typography Styles
 Created on: 	21-10-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Hulpverleningsdienst Fryslân - GGD Subsite
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Backgound color		#fff	(white)

 =2 Newsbar				#173d7e	(ggd blue)				- also Path bgc
 =3	Search 				#d42e14	(ggd red)
 =4	Path link			#b0bdd11(light ggd blue)
 =5	Link MO				#112e5f	(dark ggd blue)
 =6	News text			#cdd5e3	(ultra light blue)

 =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)

*/
@media screen
{

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

	#content h2 
	{
		clear:					both;
		padding-top:			18px;
		margin-bottom:			0.33em;	/* 4px */
		margin-left:			11px;

		font-weight:			bold;
		font-size:				1.36em;	/* 15px*/
		
		line-height:			1.67em;	/* 20px */
	}
	
		#content h3 
		{
			clear:					both;
			padding-top:			18px;
			margin-bottom:			0.33em;	/* 4px */
			margin-left:			11px;
			
			font-weight:			bold;
			font-size:				1.09em;	/* 12px */
							
			line-height:			1.67em;	/* 20px */
		}
	
	/* =Content styles */	
	#content p
	{
		/* clear:				both; */
		padding-left:		11px;
		margin-bottom:		0.9em;
	}
	
		#content a
		{
			color:					#173d7e; /* =2 */
			text-decoration:		underline;
		}
		
			#content a:hover
			{
				color:					#112e5f; /* =5 */
				text-decoration:		underline;
			}
			
			#content a:visited
			{
			}

	#content img
	{
		display:				block;
		
		margin:					0 12px 1em 0;
		
		padding:				2px;
		border:					1px solid #c0c0c0;	/* =12 */
	}
	
		#content a:hover img
		{		
			border:					1px solid #173d7e; /* =2 */
		}
		
		#content img.floatLeft
		{
			margin:				0 11px 1em 0;
		}
	
		#content img.floatRight
		{
			margin:				0 0 1em 11px;
		}
		
	/* Blockquote Webkant  */		
	 #content blockquote
	{
		padding:			0 0 0 9px;
		margin:				0 0 0 9px;

	}
		
	/* Blockquote in de editor		
	 #content blockquote
	{
		padding:			0 0 0 9px;
		margin:				0 0 0 9px;
		
		
		border:				1px dashed #e5e5e5;
	}
	*/
		
	/* 
	=Blockquote, Als een blockquote 
	#content blockquote
	{
		margin:				2em;
		margin-top:			0;
		margin-bottom:		1em;
		
		padding-top:		11px;
		padding-bottom:		0;
		
		min-height:			1em;
		height:				auto;
		
		border:				1px solid #e5e5e5;
		background-color:	#fafafa;
						
		color:				#828282;
	}
	
		 #content blockquote a
		{
			color:				#828282;
			text-decoration:		underline;
		}
		
			#content blockquote a:hover
			{
				color:					#424242;
				text-decoration:		underline;
			}
			
				 #content blockquote a:visited
				{
					color:				#802f80;
				}
			
		 #content blockquote h2,  #content blockquote h3
		{
			margin-top:			0;
			color:				#828282;
			font-variant:		normal;
		}
		
		 #content blockquote p
		{
			clear:				both;
			margin-bottom:		0.8em;
			margin-left:		9px;
			margin-right:		9px;
		}
		*/


	/* =hr */
/*	#content hr
	{
		clear:					both;

		padding-top:			8px;
		padding:				0;
		width:					490px;
		height:					48px;
		
		background-image:		url(/sjablonen/2/images/general/hr.gif); 
		background-position:	50% 10px;	
		background-repeat:		no-repeat;	
		border:					#fff 1px solid;
		background-color:		#fff;
	}*/

	#content hr
	 {
	 	clear:					both;
	 	float:					left;
	 	
		padding:				0 0 0 0;
		margin:					10px 0 4px 0;
		height:					34px;
		
		border:					#fff 1px solid;
		background-color:		transparent;
		
		display : 				list-item;
		list-style : 			url(/sjablonen/2/images/general/content_hr.gif) inside;
		filter : 				alpha(opacity=0);
	}
				
	/* =Pre */
	#content pre
	{
		clear:				both;

		width:				584px;
		min-height:			1em;
		height:				auto;
		margin:				11px 0 11px 0;
		padding:			13px;
				
		font-size:			1.18em;		
		color:				#828282; 
		font-family:		Courier;
		
		background-color:	#fafafa;
	}

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

			color:				#828282;
			font-variant:		normal;
		}
	
	/* =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 
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 0 18px 13px;
		width:					598px;		

	/*	border-bottom:			1px solid #b2b2b2;
		border-right:			1px solid #b2b2b2; */
		border-collapse: 		collapse;
	}


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

			font-weight:		bold;
			text-align:			left;

		/*	background-color:	#fafafa; */
		}
		
			#content table tbody 
			{
				padding: 				0;
				margin:					0;
			}
		
			#content table th 
			{
			/*	color:					#fff; */
				font-weight:			bold;
				font-variant:			small-caps;
	
				padding: 				1px;
				margin:					0;
			}
			
			#content table td 
			{
				padding: 				1px;
				margin:					0;
				
				border-width: 			0;
			}
		
		#content table .tableRowOdd
		{
			/* background-color: 		#eee; */ 
		}
		
			#content table tr:hover
			{
				/* background-color: 		#f4f4f4;  */
			}
			
			/*
			#content table tr:hover .tableRowOdd
			{
				background-color: 		#e4e4e4; 
			}
			*/
	
	/* =List */
	#content ul,  #content ol
	{
		clear:				both;
		display:			block;

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

		#content ul li
		{
			position:				relative;
			padding:				0 13px 0 13px;	
			
			background-image:		url(/sjablonen/1/images/general/bullet_list.gif); 
			background-repeat:		no-repeat;
/*			background-position:	2px 11px;*/
			background-position:	2px 10px;
		}
		
	#content ol
	{
		list-style-type: 		decimal;
	}
	
		#content ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin-left:		34px;
			padding:			0 0 0 0;
			min-height:			1em;
			height:				auto;
			
			background-image:	none
		}
			
		#content .floatRight
		{
			float: 				right;
			padding-left:		8px;
		}
		
		#content .floatLeft
		{
			float: 				left;
			padding-right:		8px;
		}
		
		
		#content .border1
		{
			border:				solid 1px #999;	/* =10 */
		}

		#content .border2
		{
			border:				solid 2px #999;	/* =10 */
		}
		
		#content .border3
		{
			border:				solid 3px #999;	/* =10 */
		}
		
		
		#content strong
		{
			font-weight:		bold;
		}
		
		#content em
		{
			font-style:			italic;
		}
		
	/* =gegevens */
	#content .gegevenstabel {

	}

		 #content .gegevenstabel th {
			border-bottom:			1px solid #c0c0c0;	/* =12 */ 
		}
		
		 #content .gegevenstabel td {
			border-bottom:			1px solid #c0c0c0;	/* =12 */ 
		}
		
		#content .gegevenstabel .tableRowOdd
		{
			background-color: 		#f6f6f6; 
		}
			#content .gegevenstabel tr:hover
			{
				background-color: 		#f0f0f0; 
				color:					#333;
			}
			
				#content .gegevenstabel tr:hover .tableRowOdd 
				{
					background-color: 		#e8e8e8; 
					
				}
				
				
}