/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		TYPOGRAPHY stylesheet				                              			*/
/* Site name:		Clientsite Talant						                           	  		*/
/* Date created:	20-02-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	
/* 	Roze:		#e31a82;
/* 	Paars:		#770d68;
/*	Wit:		#fff;	 	

/************************************************************************************************/
/* Screen styles                                           										*/
/************************************************************************************************/
@media screen 
{
	#middleContainer h1
	{
		font-weight:			bold;
		color:					#e31a82;
		margin:					0 0 1.5em 0;
		padding:				0;
	}
	
	
	#middleContainer h2 
	{		
		color:					#fff;	
		font-size:				1.43em;
		font-weight:			bold;
		
		margin:					0;
		padding:				0;
	}
	
		#middleContainer h2  a,
		#middleContainer h2  a:hover
		{
			color:					#fff;
			text-decoration:		none;
		}
		
	
	#middleContainer h3 
	{
		color:					#09266A;	
		font-size:				1.0em;
		font-weight:			bold;
		
		margin-bottom:			0.25em;
		padding-bottom:			0;
	}
	
	/* =editor text style (#content bevat class editor) */	
	
	
	#content.editor h2
	{
		color:					#770D68;
		font-size:				1.4em;
	}
	
	#content.editor h3
	{
		color:					#E31A82;
		font-size:				1.2em;
	}
	
	#content.editor a
	{
		color:					#770D68!important;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
		#content.editor a:hover
		{
			color:					#E31A82!important;
			text-decoration:		underline;
		}
	
	/* END editor text style (#content bevat class editor) */	
	
	
	/* =middleContainer styles */	
	#middleContainer p
	{
		font-size:			1.2em;
		margin-bottom:		0;
		line-height:		165%;
	}
	
		#middleContainer a
		{
			color:					#770d68;	/* =1 */
			font-weight:			bold;
			text-decoration:		underline;
		}
		
		
			#middleContainer a:hover
			{
				color:					#e2007a;	/* =2 */
				/*text-decoration:		none;*/
			}
			
			#middleContainer a:visited
			{
			
				color:					#770d68;
			}
		
	#middleContainer img
	{
	}
	
	
	/* =Colors editor */
	#middleContainer .roze
	{
		color:					#e31a82;
	}
	
	#middleContainer .paars
	{
		color:					#770d68;
	}
	
	

	/* =Blockquote Webkant  */		
	 #middleContainer blockquote
	{
		padding:			0;
		margin:				0 0 0 20px;

	}

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

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

		color: 				#ccc; 

		background-color: 	#ccc; 

	}

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

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

	#middleContainer .textAlignLeft 
	{
		text-align:			left;
	}	
	
	
	#middleContainer .linksUitlijnen
	{
		float:				left;
	}
	
	#middleContainer .rechtsUitlijnen
	{
		float:				right;
	}

	/* =Underline */
	#middleContainer .textUnderline	
	{
		text-decoration:	underline;
	}
	
	/* =Standaard table */
	#middleContainer table 
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 0 18px 0;
		
		border-collapse: 		collapse;
	}

		#middleContainer table caption 
		{
			padding:			1px 3px 1px 3px;

			font-weight:		bold;
			text-align:			left;
		}
		
			#middleContainer table tbody 
			{
				padding: 				0;
				margin:					0;
			}
		
			#middleContainer table th 
			{
				font-weight:			bold;

				padding: 				1px 3px 1px 3px;
				margin:					0;
			}
			
			#middleContainer table td 
			{
				padding: 				1px 3px 1px 3px;
				margin:					0;
				
				border-width: 			0;
			}
		
		#middleContainer table .tableRowOdd
		{
			/*	background-color: 		#ccc;  /* row alternating color */
		}
	

	/* =Data table */
	#middleContainer table.data-tabel 
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 0 18px 0;
		
		border-collapse: 		collapse;
		
		border-left:			1px solid #ccc;
		border-top:				1px solid #ccc;
	}

		#middleContainer table.data-tabel caption 
		{
			padding:			1px 3px 1px 3px;

			font-weight:		bold;
			text-align:			left;
		}
		
			#middleContainer table.data-tabel tbody 
			{
				padding: 				0;
				margin:					0;
			}
		
			#middleContainer table.data-tabel th 
			{
				font-weight:			bold;

				padding: 				1px 3px 1px 3px;
				margin:					0;
				
				border-right:			1px solid #ccc;
				border-bottom:			1px solid #ccc;				
				
			}
			
			#middleContainer table.data-tabel td 
			{
				padding: 				1px 3px 1px 3px;
				margin:					0;
				
				border-right:			1px solid #ccc;
				border-bottom:			1px solid #ccc;				
			}
		
		#middleContainer table.data-tabel .tableRowOdd
		{
			/*	background-color: 		#ccc;  /* row alternating color */
		}	
	
	
	
	/* =List */
	#middleContainer ul,  #middleContainer ol
	{
		clear:					both;
		display:				block;

		font-size:				1.2em;
		padding-bottom:			0.8em;
		padding:				0 0 0 20px;
		margin:					0 0 1.0em 0px;
		min-height:				1em;
		height:					auto;
	}

		#middleContainer ul li
		{
			min-height:				1em;
			height:					auto;
			padding:				0 0 0 8px;

		}
		
	#middleContainer ol
	{
		list-style-type: 		decimal;
	}
	
		#middleContainer ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin-left:		8px;
			padding:			0;
			min-height:			1em;
			height:				auto;
			
			background-image:	none
		}
			
		#middleContainer .floatRight
		{
			float: 				right;
			padding-left:		8px;
		}
		
		#middleContainer .floatLeft
		{
			float: 				left;
			padding-right:		8px;
		}
		
		
		#middleContainer strong,
		#middleContainer .Samenvatting	
		{
			font-weight:		bold;
		}
		
		#middleContainer em
		{
			font-style:			italic;
		}
}


/************************************************************************************************/
/* =Print styles 	                          											      	*/
/************************************************************************************************/
@media print
{
}