/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		TYPOGRAPHY stylesheet 			                                       	  			*/
/* Site name:		Internet Bureau Jeugdzorg				                                         	  		*/
/* Date created:		09-04-2009						                                         	  		*/
/*************************************************************************************************/

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

	/* =Textelement styles */
	
	#content
	{
	}
	
	#content iframe
	{
		width:	597px;
		height: 550px;	
	}

	#content font
	{
		font-size:				1.0em;
	}
	
	#content h1
	{	
		width:					300px;
		margin:					0 0 10px 0;
		*width:					auto;
	}

	#content h2 
	{		
		color:					#504795;	
		font-size:				1.1em;
		font-weight:			bold;
		
		margin-bottom:			0.25em;
		padding-bottom:			0;
	}
	
	#content h3 
	{
		color:					#504795;	
		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:					#504795;	
			font-weight:			bold;
			text-decoration:		underline;
		}
		
			#content a:hover
			{
				color:					#504795;	
				text-decoration:		underline;
			}
			
			#content a:visited
			{
			}
		
	#content img
	{
	}
	
	
	/* =Colors editor */
	#content .paars
	{
		color:					#504795;
	}
	
	#content .antraciet
	{
		color:					#5f6071;
	}
	
	#content .zwart
	{
		color:					#000;
	}
	
	#content .wit
	{
		color:					#fff;
	}
	
	
	/* =Blockquote Webkant  */		
	 #content blockquote
	{
		padding:			0;
		margin:				0 0 0 20px;

	}

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

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

		color: 				#504795; 

		background-color: 	#504795; 

	}

				
	/* =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;
				
				vertical-align:			top;

				padding: 				1px 3px 1px 3px;
				margin:					0;
			}
			
			#content table td 
			{
				vertical-align:			top;
				
				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;

				vertical-align:			top;
				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;
				
				vertical-align:			top;
				
				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
	{
		
		display:			block;

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

		#content ul
		{
			list-style-type:		square;
		
		}
	
		#content ul li
		{
			padding:			0;
			margin:				0 0 0 35px;
		}
		*>#content ul li
		{
			margin:				0;
			*margin:			0 0 0 35px;
		}
		
	#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;
		}

		
	/*********************************************************************************************/
	/* =Errors & Warnings				  			                                      				   */
	/*********************************************************************************************/
				
	#content span.m2f_fail , #content span.m2f_success, #content span.notfound_404, #content span.error, #content span.warning
	{	
		display:				block;
		margin:					32px 0 32px 0;
		width:					80%;
		padding: 				13px 0 13px 80px;
		height:					38px;
	
		color: 					#f00;
		font-weight:			bold;
	
		border:					solid 2px #f00;
	}	
	
	#content span.m2f_fail
	{
		background: 			url(/sjablonen/1/images/general/m2f_fail.png) no-repeat 8px 8px #ffe0e1;
	}
	
	
	#content span.m2f_success
	{
		color: 					#7ebd27;
		background: 			url(/sjablonen/1/images/general/m2f_success.png) no-repeat 8px 8px #e3ffe0;
		border:					solid 2px #7ebd27;
	}
	
	
	#content span.notfound_404
	{
		background: 			url(/sjablonen/1/images/general/notfound_404.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#content span.error
	{
		background: 			url(/sjablonen/1/images/general/error.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#content span.warning
	{
		color:					#ff7300;
		background: 			url(/sjablonen/1/images/general/warning.png) no-repeat 8px 8px #fff7e0;
		border:					solid 2px #ff7300;
	}