/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		TYPOGRAPHY stylesheet 			                                       	  			*/
/* Site name:		Internet Oldenzaal					                                         	  		*/
/* Date created:		18-08-2009						                                         	  		*/
/************************************************************************************************/

	/* 
	Colors: 
	 =1		Default 		#0c226b	(Dark Blue)
	 =2		Default MO		#8178a0	(Light Dark Blue)
	 =3		Binnenstad		#9b2c98	(Magenta)
	 =4		Woon Leef		#f39800	(Orange)
	 =5		Bedrijvigheid	#008fc2 	(Blue)
	 =6		Toerisme		#97be0d	(Green)
	 =7		Samen Oldenzaal	#e52b38	(Old Red)
	 =8		Tool button MO	#fed300	(Yellow)
	 /*

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

	/* =Textelement styles */
	
	#content
	{

	}
	
	#content iframe
	{
		width:					612px;
		height:					300px;
	}
	
	#totalContainer #content h1
	{
		width:					406px;
	}

	#content h2 
	{		
		font-size:				1.23em;
		font-weight:			bold;
		
		margin:					0;
		padding:				0;
	}
	
	#content h3 
	{
		font-size:				1.2em;
		font-weight:			bold;
		
		margin:					0;
		padding:				0;
	}
	
	/* =Content styles */	
	#content p
	{
		margin:					0 0 1.0em 0;
		width:					406px;
	}
	
		#content a
		{
			color:					#0c226b;	/* =1 */
			font-weight:			bold;
			text-decoration:		underline;
		}
		
			#content a:hover
			{
				color:					#8178a0;	/* =2 */
				text-decoration:		underline;
			}
			
			#content a:visited
			{
			}
		
	#content img
	{
	}
	
	
	/* =Colors editor */
	#content .lichtblauw
	{
		color:					#008fc2;
	}
	
	#content .roze
	{
		color:					#fed300;
	}
	
	#content .oranje
	{
		color:					#f39800;
	}
	
	#content .groen
	{
		color:					#97be0d;
	}
	
	#content .rood
	{
		color:					#e52b38;
	}
	
	#content .geel
	{
		color:					#fed300;
	}
	
	
	/* =Blockquote Webkant  */		
	 #content blockquote
	{
		padding:			0;
		margin:				0 0 0 20px;
		width:				406px;

	}

	/* =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;
		
		width:				380px; /* 406 -13 -13 */
	}
	
		#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;
		width:					406px;
		
		
		border-collapse: 		collapse;
	}
	
		#content table  p
		{
			width:				auto;
		}

		#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:hover
		{
				background-color: 		#eee; 
		}	
	
	
	
	/* =List */
	#content ul,  #content ol
	{
		clear:				both;
		display:			block;

		width:				406px;
		
		padding:			0 0 0.8em 0;
		margin:				0 0 0 4px;
		min-height:			1em;
		height:				auto;
	}

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

			background-repeat:		no-repeat;
			background-position:	-1000px 7px;
			background-image:		url(/sjablonen/1/images/general/bullet_page_index_sublevel.gif); 
		}
		
	#content ol
	{
		list-style-type: 		decimal;
		margin:					0;
		
	}
	
		#content ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			margin:				0 0 0 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;
		}
		
		
		/* colors per thema voor readMore link */
		#binnenstad .readMore
		{
			color:					#fed300;
		}
		
		#woon .readMore
		{
			color:					#f39800;
		}
		
		#bedrijvigheid .readMore
		{
			color:					#008fc2;
		}
		
		#toerisme .readMore
		{
			color:					#97be0d;
		}
		
		#samenOldenzaal .readMore
		{
			color:					#e52b38;
		}