/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		TYPOGRAPHY stylesheet				                           	  			*/
/* Site name:		Corporate Internet VanBoeijen	 		                           	  		*/
/* Date created:	03-03-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	
/*	Grey:				#6e6e6e
/*	Red:				#c3281f
/*	Black:				#000

/************************************************************************************************/
/* Screen styles                                                                 				*/
/************************************************************************************************/
@media screen, print
{
	/*********************************************************************************************/
	/* =Pagelink &  Colors						                                  	 			 */
	/*********************************************************************************************/
	
	#content iframe
	{
		width:					547px;
		height:					258px;
	}
	
	#content .mapTable iframe
	{
	    width:                  250px;
	    height:                 200px;
	}
	
	
	/*********************************************************************************************/
	/* =Head	 								                                  	 			 */
	/*********************************************************************************************/
	
	#content h2 
	{		
		color:					#c3281f;	
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			100%;
		
		margin:					0;
		padding:				0;
	}
	

	#content h3 
	{
		color:					#c3281f;	
		font-size:				1.1em;
		font-weight:			bold;
		line-height:			100%;
		
		margin:					0;
		padding:				0;
	}

	/*********************************************************************************************/
	/* =Standard elements						                                  	 			 */
	/*********************************************************************************************/	

	#content p
	{
	
		margin:					0 0 0.8em 0;
		/*clear:					both; */
		width:						100%;
	}
	
		#content a
		{
			color:					#c3281f;	/* =1 */
			font-weight:			normal;
			text-decoration:		underline;
		}
		
			#content a:hover
			{
				color:					#000;	/* =2 */
				text-decoration:		underline;
			}
			
			#content a:visited
			{
			}
	
	
	/*********************************************************************************************/
	/* =Image	 								                                  	 			 */
	/*********************************************************************************************/
	
	#content img
	{
		border:					0;	
	}
	
		#content a:hover img
		{		
		
		}
		
		#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		
	#content 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 0px;

			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 
		{
			padding:			0 4px 0 4px;						
			
			border-bottom:		1px solid #b2b2b2;	/* =12 */ 	
			border-right:		1px solid #b2b2b2;	/* =12 */ 	
		}
		
		#content .gegevenstabel td
		{
			padding:			0 4px 0 4px;						
			
			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
	{
		padding:		0;
		margin:			0;
	}
	
	#content ul
	{
		float:					left;
		width:					100%; /* fix IE6 bug */
		list-style-type:		none;
		margin:					0 ;
		padding:				0 0 0.8em 0;
		clear:					both;
	}
	
		#content ul li
		{

			clear:					both;
			display:				list-item;  /* work around for FF list bug */
			padding:				0 0 0 22px;

			background-image:		url(/Content/Images/General/arrow_content.gif); 	
			background-repeat:		no-repeat;
			background-position:	0px 7px;
		}
	
	
	#content ol
	{
		margin:					0 0 15px 0;
		padding:				0;
		list-style-type: 		decimal;
	}
	
		#content ol li
		{
				display:			list-item;  /* work around for IE ordered list bug */ 
				padding:			0;
				margin:				0 0 0 23px;
		}	

		
	/*********************************************************************************************/
	/* =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,
	#content .Samenvatting
	{
		font-weight:		bold;
	}
}