/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		TYPOGRAPHY stylesheet 				                              	  			*/
/* Sjabloon nr:		1							                                      	  			*/
/* Site name:		Infram							                                         	  		*/
/* Date created:		20-11-2008							                                         	  		*/
/*************************************************************************************************/

/*************************************************************************************************/
/* =styles			 	                                             									 */
/*************************************************************************************************/

	/* =Textelement styles */
	
	#contentWeb
	{
		font-size:				13px;
	}
	
	#contentWeb p
	{
		
		margin:					0 0 20px 0;
	}
		
	#contentWeb h2 
	{
		padding:				0px 0px 2px 0px;
		margin:					0;
		
		font-size:				1.25em;
		font-weight:			bold;
		text-transform: 		none;
		font-family: 			Arial, Verdana, Helvetica;
		line-height:			100%;
					
		color:					#3b8c34;		
	}
	
	#contentWeb h3 
	{
		padding:				0;
		margin:					0px 0px 1px 0px;
		
		font-size:				1.05em;
		font-weight:			bold;
		text-transform: 		none;
		font-family: 			Arial, Verdana, Helvetica;
		line-height:			100%;
			
		color:					#3b8c34;				
	}

	
	/* =Link styles */
	#contentWeb a
	{
		color:					#3b8c34;
		font-weight:			bold;
		text-decoration:		none;
	}
	
		#contentWeb a:hover
		{
			color:					#214c1d;
			text-decoration:		none!important;
		}
	
	
	/* =List styles */
	#contentWeb ul, #contentWeb ol
	{
		padding:		0;
		margin:			0;
		font-size:		13px;
	}
	
	#contentWeb ul
	{
		list-style:				disc;
		margin:					0 0 15px 17px;
		padding:				0;
	}
	
		#contentWeb ul li
		{
			display:				list-item;  /* work around for FF list bug */
			padding:				0 0 0 10px;
		}
	
	
	#contentWeb ol
	{
		margin:					0 0 15px 0;
		padding:				0;
		list-style-type: 		decimal;
	}
	
		#contentWeb ol li
		{
				display:			list-item;  /* work around for IE ordered list bug */ 
				padding:			0;
				margin:				0 0 0 25px;
		}
	
	
	#contentWeb form
	{
		margin:				0px;
	}
	
	#contentWeb img
	{
		border: 			none;
	}

	

	
	/* =Colors editor */
	.groen
	{
		color:					#3b8c34;
	}
	
	.lichtgroen
	{
		color:					#71ac3d;
	}
	
	
	/* =Tekst styles */
	.kleiner
	{
		font-size:				12px;
	}
	
	.kleiner_groen
	{
		font-size:				12px;
		color:					#3b8c34;
	}

	/* =Custom styles */
	#contentWeb .rechtsUitlijnen
	{
		float:					right;
	}
	
	#contentWeb .linksUitlijnen
	{
		float:					left;
	}

		
	

	
	/* =Blockquote Webkant  */		
	 #contentWeb blockquote
	{
		padding:			0 0 0 9px;
		margin:				0 0 0 9px;

	}

	
			
	/* =hr */
	#contentWeb hr
	{
		clear:				both;
		
		height: 			1px; 
		margin:				1em 0 1em 0;
		padding:			0;
		
		color: 				#ccc; 
		background-color: 	#ccc; 
		border: 			0px solid #e8e8e8;
	}
	

				
	/* =Pre */
	#contentWeb 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;
	}
	
		#contentWeb pre a
		{
			color:				#828282;
			text-decoration:	underline;
		}
		
			#contentWeb pre a:hover
			{
				color:					#424242;
				text-decoration:		underline;
			}
			
			#contentWeb pre a:visited
			{
				/*	color:				#802f80;*/
			}
			

	
		#contentWeb pre h2,  #contentWeb pre h3
		{
			margin-top:			0;
			color:				#828282; 
			font-variant:		normal;
		}
		
	
		
	
	/* =TextAlignment */
	#contentWeb .textAlignRight
	{
		text-align:			right;
	}
	
	#contentWeb .textAlignCenter
	{
		text-align:			center;
	}
	
	#contentWeb .textAlignJustify
	{
		text-align:			justify;
	}

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

	/* =TextUnderline */
	#contentWeb .textUnderline	
	{
		text-decoration:	underline;
	}
	
	
	/* =Alignment */
	#contentWeb .ial, #contentWeb .floatLeft
	{
		float:					left;
	}

	#contentWeb .iar, #contentWeb .floatRight
	{
		float:					right;
	}
	
	
	/* =Standardtable */
	#contentWeb table 
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 10px 18px 1px; /* fix for FF */
		*margin:				0 10px 18px 0; /* only read by IE */
		
		border-bottom:			0px solid #382b26;
		border-right:			0px solid #382b26;
		
		border-collapse: 		collapse;
	}
	
		#contentWeb table caption 
		{
			padding:			8px 0 2px 4px;

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

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

			padding: 				1px 5px 1px 1px;
			margin:					0;
			border-left:			0px solid #382b26;
			border-top:				0px solid #382b26;
		}
		
		
		#contentWeb table td 
		{
			padding: 				1px 5px 1px 1px;
			margin:					0;
			
			border-width: 			0;			
			border-left:			0px solid #382b26;
			border-top:				0px solid #382b26;
		}
		
		
		#contentWeb table .tableRowOdd
		{
			background-color: 		#fff; /* row alternating color */
		}
		
			/*#contentWeb table tr:hover, #contentWeb table .tableRowOdd:hover
			{
				background-color: 		#f4f4f4; 
			}
			*/
		
	/* =datatable */
	#contentWeb table.data-tabel
	{
		clear:					both;
		
		padding: 				0;
		margin:					0 10px 18px 0;
		
		border-bottom:			1px solid #b2b2b2;
		border-right:			1px solid #b2b2b2;
		
		border-collapse: 		collapse;
	}
	
		#contentWeb table.data-tabel caption 
		{
			padding:			8px 0 2px 4px;

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

			/*	background-color:	#fafafa; */
		}
		
		#contentWeb table.data-tabel tbody 
		{
			padding: 				0;
			margin:					0;
		}
		
		#contentWeb table.layout-tabel th 
		{
			font-weight:			bold;
			/*font-variant:			small-caps; */
		
			/* color:					#fff;*/
			/* background-color:		#1f3653; */

			padding: 				1px 5px 1px 1px;
			margin:					0;
			border-left:			1px solid #b2b2b2;
			border-top:				1px solid #b2b2b2;
		}
		
		
		#contentWeb table.data-tabel td 
		{
			padding: 				1px 5px 1px 1px;
			margin:					0;
			
			border-width: 			0;			
			border-left:			1px solid #b2b2b2;
			border-top:				1px solid #b2b2b2;
		}
		
		
		#contentWeb table.data-tabel .tableRowOdd
		{
			background-color: 		transparent;
		}

	/* =Border styles */
	#contentWeb .border1
	{
		border:				solid 1px #999;
	}

	#contentWeb .border2
	{
		border:				solid 2px #999;
	}
	
	#contentWeb .border3
	{
		border:				solid 3px #999;
	}
	

	/* =TextStyles */
	#contentWeb strong
	{
		font-weight:		bold;
	}
				
	#contentWeb em
	{
		font-style:			italic;
	}