/*
--------------------------------------------------------------------------------------------------
 Title:			Typography Styles
 Created on: 	03-04-2008
 Author:     	Roberto De Vivo
 Client:		Timpaan Groep
 Project:		Timpaan Groep(reAlign, old CastManage unfortunately :( )
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Bullet color			#6e94d1	(light blue, also bordercolor fields)
 =2 Link color				#072563	(dark blue, also Pullquote ) 

 =3 Meta text				#4c4c4c	(very dark gray, Relevant pages et al)
 =4 Breadcrumb				#999	(dark gray)
 =5 Shortcuts				#a5a5a5	(light gray, also some borders)
 =6 Block background		#f8f8f8	(very light gray, for Download block)
 
 ** UNIQUE COLORS FOR EACH TEMPLATE **
 =====================================
 =101 Header			#780a2c	(Light purple, also link mouseover)
 =102 Alternate			#49081c	(Dark purple)
@media screen, print
{

	#oldContent .Samenvatting
	{
		font-weight:		bold;
		margin-bottom:		2em;
		color:				#000;	/* =1 */
	}

	#oldContent h2 
	{
		padding-bottom:		0;
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em;
		
		font-size:			1.15em;
		color:				#0052a1;	/*  =2 */
		
		border-bottom:		none;
	}
	
	#oldContent h3 
	{
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em;
		
		font-size:			1em;
		color:				#0052a1;	/*  =2 */
		
		border-bottom:		none;
	}
	
	/* =Content styles */	
	#oldContent div
	{
		/* clear:				both; */
		margin-bottom:		0.8em;
	}
	
		#oldContent a
		{
			color:					#780a2c;	/* =101 */
			text-decoration:		underline;
		}
		
			#oldContent a:hover
			{
				color:					#072563;	/* =2 */
				text-decoration:		underline;
			}
			
			#oldContent a:visited
			{
			}
		
	#oldContent img
	{
		display:			block;
		
		padding:			0;
		margin:				0;
	}
	
	/* =Blockquote */
	#oldContent blockquote
	{
		clear:				both;
		
		min-height:			1em;
		height:				auto;
		margin:				1em 1em 2em 1em;
		padding:			11px 0 3px 11px;
						
		color:				#828282;

		background-color:		#fafafa; 
		
		background-image:		url(/sjablonen/1/images/content/blockquote.gif);
		background-position: 	9px 9px;
		background-repeat:		no-repeat;

		border:				1px solid #e5e5e5;
	}
	
		#oldContent blockquote blockquote
		{
			margin:				1em 2em 2em 1em;
			padding:			11px 11px 3px 11px;
		}

		#oldContent blockquote a
		{
			color:					#828282;
			text-decoration:		underline;
		}
		
			#oldContent blockquote a:hover
			{
				color:					#424242;
				text-decoration:		underline;
			}
			
				#oldContent blockquote a:visited
				{
					color:				#802f80;
				}
			
		#oldContent blockquote h2, #oldContent blockquote h3
		{
			margin-top:			0;

			color:				#828282;
			font-variant:		normal;
		}
		
		#oldContent blockquote div
		{
			clear:				both;
			margin-bottom:		0.8em;
		}

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

		height: 			1px; 
		margin:				1em 0 1em 0;
		padding:			0;

		color: 				#553500;	/* =3 */	 

		background-color: 	#553500;	/* =3 */

		border: 			solid #553500 0px;	/* =3 */
	}

				
	/* =Pre */
	#oldContent pre
	{
		clear:				both;

		width:				485px;
		min-height:			1em;
		height:				auto;
		margin:				11px 0 11px 0;
		padding:			13px;
						
		color:				#828282; 
		font-family:		Courier;
		
		background-color:	#fafafa;
	}
	*>#oldContent pre
	{
		width:				487px;
	}
	
		#oldContent pre a
		{
			color:				#828282;
			text-decoration:	underline;
		}
		
			#oldContent pre a:hover
			{
				color:					#424242;
				text-decoration:		underline;
			}
			
				#oldContent pre a:visited
				{
				/*	color:				#802f80;*/
				}
			
		#oldContent pre h2, #oldContent pre h3
		{
			margin-top:			0;

			color:				#828282;
			font-variant:		normal;
		}
	
	/* =Alignment */
	#oldContent .textAlignRight
	{
		text-align:			right;
	}
	
	#oldContent .textAlignCenter
	{
		text-align:			center;
	}
	
	#oldContent .textAlignJustify
	{
		text-align:			justify;
	}

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

	/* =Underline */
	#oldContent .textUnderline	
	{
		text-decoration:	underline;
	}
	
	/* =Tables */
	#oldContent table 
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 0 18px 0;
		width:					512px;		

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


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

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

		/*	background-color:	#fafafa; */
		}
		
			#oldContent table tbody 
			{
				padding: 				0;
				margin:					0;
			}
		
			#oldContent table th 
			{
			/*	color:					#fff; */
				font-weight:			bold;
				font-variant:			small-caps;
	
				padding: 				1px;
				margin:					0;

			/* background-color:		#08876c; */
			}
			
			#oldContent table td 
			{
				padding: 				1px;
				margin:					0;
				
				border-width: 			0;
			}
		
		#oldContent table .tableRowOdd
		{
			background-color: 		#f6e9c6;  /* =3 row alternating color */
		}
		
			#oldContent table tr:hover
			{
				/* background-color: 		#f4f4f4; */
			}
	
	/* =List */
	#oldContent ul,  #oldContent ol
	{
		clear:				both;
		display:			block;

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

		#oldContent ul li
		{
			min-height:			1em;
			height:				auto;
			padding:			0 0 0 18px;

			background-image:		url(/sjablonen/1/images/content/bullet.gif); 
			background-repeat:		no-repeat;
			background-position: 	3px 8px;
		}
		
	#oldContent ol
	{
		list-style-type: 		decimal;
	}
	
		#oldContent ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin-left:		22px;
			padding:			0 0 0 0;
			min-height:			1em;
			height:				auto;
			
			background-image:	none
		}
			
		#oldContent .floatRight
		{
			float: 				right;
			padding-left:		8px;
		}
		
		#oldContent .floatLeft
		{
			float: 				left;
			padding-right:		8px;
		}
		
		
		#oldContent .border1
		{
			border:				solid 1px #a16400;	/* =1 */
		}

		#oldContent .border2
		{
			border:				solid 2px #a16400;	/* =1 */
		}
		
		#oldContent .border3
		{
			border:				solid 3px #a16400;	/* =1 */
		}
		
		
		#oldContent strong
		{
			font-weight:		bold;
		}
		
		#oldContent em
		{
			font-style:			italic;
		}
}