/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		TYPOGRAPHY stylesheet for Miracleweb	                                       	  			*/
/* Site name:		Internet 2009 Promens Care				                                         	  		*/
/* Date created:		13-03-2009						                                         	  		*/
/************************************************************************************************/

	/*******************************************************************************************/
	/* =Styles	  					                     		              					 */
	/*******************************************************************************************/

	/* =Textelement styles */
	
	#content
	{
		float:				left;
		display:			inline;
		width:				425px;
		
		font-size:			0.85em;
		
		line-height:		170%;
		margin:				20px 20px 0px 96px;
	}
	
	#content h1
	{		
		color:					#cc1737;	
		font-size:				1.2em;
		font-weight:			bold;
		
		margin-bottom:			0.25em;
		padding-bottom:			0;
	}

	#content h2 
	{		
		color:					#cc1737;	
		font-size:				1.1em;
		font-weight:			bold;
		
		margin-bottom:			0.25em;
		padding-bottom:			0;
	}
	
	#content h3 
	{
		color:					#cc1737;	
		font-size:				1.0em;
		font-weight:			bold;
		
		margin-bottom:			0.25em;
		padding-bottom:			0;
	}
	
	/* =Content styles */	
	#content p
	{
		margin-bottom:		1.0em;
	}
	
		#content a
		{
			color:					#cc1737;	/* =1 */
			font-weight:			bold;
			text-decoration:		none;
		}
		
			#content a:hover
			{
				color:					#cc1737;	/* =2 */
				text-decoration:		underline;
			}
			
			#content a:visited
			{
			}
		
	#content img
	{
	}
	
	
	/* =Colors editor */
	#content .rood
	{
		color:					#cc1737;
	}
	
	#content .zwart
	{
		color:					#000;
	}
	
	
	/* =Blockquote Webkant  */		
	 #content blockquote
	{
		padding:			0;
		margin:				0 0 0 20px;

	}

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

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

		color: 				#ccc; 

		background-color: 	#ccc; 

	}

				
	/* =Pre */
	#content 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;
	}
	
		#content pre a
		{
			color:				#828282;
			text-decoration:	underline;
		}
		
			#content pre a:hover
			{
				color:					#424242;
				text-decoration:		underline;
			}
			
				#content pre a:visited
				{
				/*	color:				#802f80;*/
				}
			
		#content pre h2, #content pre h3
		{
			margin-top:			0;

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

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

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

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

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

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

	/* =Data table */
	#content 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;
	}

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

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

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

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

		#content ul li
		{
			min-height:			1em;
			height:				auto;
			padding:			0 0 0 21px;

			background-image:		url(/sjablonen/1/images/general/listItem.gif); 	
			background-repeat:		no-repeat;
			background-position:	0px 10px;
		}
		
	#content ol
	{
		list-style-type: 		decimal;
	}
	
		#content ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin-left:		22px;
			padding:			0 0 0 0px;
			min-height:			1em;
			height:				auto;
			
			background-image:	none
		}
			
		#content .floatRight
		{
			float: 				right;
			padding-left:		8px;
		}
		
		#content .floatLeft
		{
			float: 				left;
			padding-right:		8px;
		}
		
		
		#content strong
		{
			font-weight:		bold;
		}
		
		#content em
		{
			font-style:			italic;
		}