/*
--------------------------------------------------------------------------------------------------
 Title:			Typography Styles
 Created on: 	20-10-2009
 Author:     	Roberto De Vivo
 Client:		Prox
 Project:		Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1		Cyan			#009fda	(cyan)
 =2		Link			#c93127	(red)
 =3		Mouse Over		#a52117	(dark red)


 ***** 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	 								                                  	 			 */
	/*********************************************************************************************/	
	#content h2 
	{
		clear:					both;
		
		padding-top:			18px;
		margin-bottom:			0.09em;	/* 4px */

		font-weight:			bold;
		font-size:				1.72em;	/* 15px*/
		letter-spacing:			-1px;			
		
		line-height:			1.18em;	/* 20px */

		color:					#c93127;
		font-family: 			"Univers Bold Condensed", Arial, Helvetica, sans-serif;
	}
	
		#content h3 
		{
			clear:					both;

			padding-top:			18px;
			margin-bottom:			0.09em;	/* 4px */

			font-weight:			bold;
			font-size:				1.45em;	/* 12px */
			letter-spacing:			-1px;			
							
			line-height:			1.18em;	/* 20px */
			
			color:					#c93127;
			font-family: 			"Univers Bold Condensed", Arial, Helvetica, sans-serif;
		}
	

	/*********************************************************************************************/
	/* =Standard elements						                                  	 			 */
	/*********************************************************************************************/		
	#content p
	{
		/* clear:				both; */

		padding-left:		0;
		margin-bottom:		0.9em;
	}
	
		#content a
		{
			color:					#c93127;	/* =2 */
			text-decoration:		underline;
		}
		
			#content a:hover
			{
				color:					#a52117;	/* =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 #763d0a; */ /* =2 */
		}
		
		#content img.linksUitlijnen
		{
			margin:				0 10px 4px 0;
		}
	
		#content img.rechtsUitlijnen
		{
			margin:				0 0 4px 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-bottom:			1px solid #b2b2b2;	/* =12 */
		border-right:			1px solid #b2b2b2;	/* =12 */
	}
	
		#content .gegevenstabel th 
		{
			border-bottom:			1px solid #b2b2b2;	/* =12 */ 	
		}
		
		#content .gegevenstabel td
		{
			border-bottom:			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;
		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 10px;
		}
	
	#content ol
	{
		list-style-type: 		decimal;
		margin-right:			13px;
	}
	
		#content ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin-left:		25px;
			padding:			0 0 0 0;
			min-height:			1em;
			height:				auto;
			
			background-image:	none
		}

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

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

}