/*
--------------------------------------------------------------------------------------------------
 Title:		Subpage Styles
 Created on: 	22-04-2008
 Author:     		Rinse van Dijk
 Client:		Gemeente Harlingen
 Project:		Internet 2008
 Copyright:  		Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
  =Containers   
 =Reaction styles 
 =Paging styles
 =Print styles 
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Headers & Hyperlinks			#00a3de
 =2 Hyperlink hover			#00a3de


 =3 Blauw					#00a3de
 =4 Licht Blauw				#ccedf9
 =5 Groen					#349f36
 =6 Donkergrijs/zwart			#1f1a17

*/
@media screen 
{

	.hide 
	{
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}

	/*********************************************************************************************/
	/* =Containers	  							                                         	     */
	/*********************************************************************************************/

	#containerMain
	{
		float:					left;
		width:					620px;
		height:					292px;
		
		margin:					6px 0px 0px 0;
		padding:				0;
	}
	*>#containerMain
	{
		min-height:				298px;	
		height:					auto;
	}
		
		#containerPath
		{
			width:					615px;
			height:					17px;
			
			padding:				0 5px 0 0;
		}
		*>#containerPath
		{
			min-height:				17px;
			height:					auto;
		}
		
			#containerPath a
			{
				color:					#000;
				font-weight:			normal;
			}
			
				#containerPath a:hover
				{
					color:				#00a3de;
					text-decoration:	none;
				}
			
			#containerPath span
			{
				color:				#00a3de;
				font-weight:		bold;
			}
		
		#containerContent
		{
			width:					610px;
			height:					255px;
			padding:				20px 10px 0 0;
			overflow-x:				hidden;
		}
		*>#containerContent
		{
			min-height:				261px;
			height:					auto;
		}
		
				#containerContent h1
				{
					font-size:		1.3em;
					padding:		0 0 10px 0;
				}
	
	#containerRightColumn
	{
		float:					left;
	
		width:					311px;
		height:					292px;
		font-size:				0.9em;
		margin:					6px 0 0 0;	
	}
	*>#containerRightColumn
	{
		min-height:				298px;	
		height:					auto;
	}
	
		#containerRightColumn a
		{
			color:				#000;
		}
		
			#containerRightColumn a:hover
			{
					color:				#00a3de;
			}
	
		.headerRightColumn
		{
			width:					301px;
			height:					19px;
			
			padding:				0 0 0 10px;
			
			font-weight:			bold;
			color:					#fff;
			background-color:		#00a3de;
		}
		
		ul.listRight
		{
			font-size:				0.95em;
			margin:					1px 0 10px 0;
			padding:				10px;
			background-color:		#ccedf9;
			
		}
		
		
			ul.listRight li
			{
				padding:				0 0 0 20px;
				background-image:		url('../../images/general/icon_right_column.gif');	
				background-position:	0px 6px;
				background-repeat:		no-repeat;
			}
			
			ul.listRight li.name
			{
				font-weight:			bold;
				padding:				0;
				background-image:		none;
			}
			
			ul.listRight li.phonenumber, ul.listRight li.email
			{
				font-weight:			normal;
				padding:				0;
				background-image:		none;
			}
			
			ul.listRight li.email a
			{
				color:					#00a3de!important;
				
			}
			
	/*********************************************************************************************/
	/* GIS Styles  								                                         	     */
	/*********************************************************************************************/
		
	.gis_entiteittype
	{
		width:			28%;
		float:			left;
		padding:		2px 0 2px 0;
	}
	

	.colorBox
	{
		float:			left;
	}	
		
	#legenda
	{
		clear:			both;
		padding:		20px 0 10px 0;
	}
	
		#legenda h3
		{
			margin:		 0 10px 0 0!important;
		}
	
	#gisMap
	{
		width:					520px;
		height:					580px;
		
		margin:					0 0 10px 0;
		
		border:					1px solid #00a3de;
		background-color:		#eee;
	}
		
	/*********************************************************************************************/
	/* =Reaction Styles  							                                         	     */
	/*********************************************************************************************/

	#containerReactions
	{
		float:					left;
		padding:				0;
		margin:					0 10px 0 0;
	}	
				
		#containerReactions h2
		{		
			display:				inline;
			
			font-size:				1.0em;
			color:					#172983;
							
			padding:				0px;
			margin:					0px;		
		}

		#containerReactions hr
		{
			color:					#172983;
			background-color:		#172983;
			margin:					15px 0px 15px 0px;
		}
		
		.reactionNumber
		{
			float:					left;
			clear:					both;
			clear:					both;
			padding:				0px;
			margin:					0 0 10px 0;
		}		
		
		.reactionBy
		{
			width:					595px;
			height:					19px;
			clear:					both;
			text-align:				right;
			
			padding:				0px 5px 0px 0px;
			margin:					0px;
			
			font-size:				0.9em;
			color:					#fff;
			
			background-color:		#00a3de;
		}

			.reactionBy a
			{
				font-weight:			normal;
				color:					#fff!important;
			}


		.reactionPost
		{
			clear:					both;
			
			height:					35px;
					
			padding:				5px 10px 5px 10px;
			margin:					0px;
			
			color:					#6a6e72;
			
			background-color:		#d5eefa;	
			border-top:				solid 1px #fff;
				
		}
		*>.reactionPost 
		{
			min-height:				35px;
			height:					auto;
		}

		.reactionOptions
		{
			clear:					both;
			
			height:					30px;
			
			padding:				0px;
			margin:					0px 0px 17px 0px;		
		}
		
		.adminEdit
		{
			margin:				0;
			padding:			0;
			
			color:				#FF0000;
			font-size:			0.8em;
			font-style:			italic;
		}
		
		
		#replierForm .cm_input
		{
			width:				450px;
			height:				20px;
		}
		
		#replierForm .cm_textarea
		{
			width:				450px;
			height:				200px;
		}
		
		/*********************************************************************************************/
		/* =RIS Styles  							  	                                       	     */
		/*********************************************************************************************/
		
		#containerText .RISTable table
		{
			border:						0!important;
		}
		
			#containerText .RISTable table td
			{
				border:						0!important;
			}

}


/*************************************************************************************************/
/* =Print styles                                              									 */
/*************************************************************************************************/
@media print
{
	#containerPath
	{
		display:			none;
	}
}

/*************************************************************************************************/
/* =Handheld styles                                         									 */
/*************************************************************************************************/
@media handheld 
{
}