/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		BASIC stylesheet					                                       	  			*/
/* Site name:		Internet 2009 Gemeente Weststellingwerf		                                         	  		*/
/* Date created:		05-03-2009						                                         	  		*/
/************************************************************************************************/


/************************************************************************************************/
/* Screen styles                                                                 										*/
/************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =Global																*/
	/*******************************************************************************************/
	
	html
	{
		height:					100%;
		width:					100%;
		padding:				0;
		margin:					0;
		
		background-color:		#FFFFFF;
	}
	
	body 
	{
		height:					auto;
		width:					100%;
		padding:				0;
		margin:					0;
		
		font-family: 			Arial,Helvetica; 
		color:					#000000;
		font-size:				1em;
		line-height:			130%;

		
		background-color:		#FFFFFF;
	}

	img 
	{
		padding:				0;
		margin:					0;
		
		border: 				none;
	}
	
	.ial
	{
		float:					left;
	}
	
	.iar
	{
		float:					right;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a
	{		
		font-weight:			bold; 
		color:					#e01a3e;
		text-decoration:		none;
	}
	
	a:hover 
	{
		color:					#e01a3e;
		text-decoration:		underline;
	}
	
	h1
	{
		padding:				0 0 4px 0;
		margin:					0;
		
		color:					#000000;
		font-size:				1.5em;

	}
	
	h2
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#000000;
		font-size:				1.3em;
	}
	
	h3
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#000000;
		font-size:				1.1em;
		line-height:			100%;
	}
	
	ul
	{
		padding:				0;
		margin:					0;
	}
		
		ul li
		{
			list-style-type:		none;
		}
	
	ol
	{
		padding:				0 0 0 10px;
		margin:					0 0 0 25px;
	}
	
	p
	{
		padding:				0;
		margin:					2px 0px 15px 0px;
	}
	
	 iframe  
     {  
          width:                426px;  
          height:               356px; 
          border:                0px; 
     }  

	#content .error
	{
		font-size:				1.0em;
	}

	/*******************************************************************************************/
	/* =General classes														*/
	/*******************************************************************************************/	
	.containerInvisible, .invisible
	{
		display:				none;
	}
	
	.floatLeft
	{

		float:					left;
		color:					#999999;
		font-size:				0.9em;
		padding:				0px 2px 0px 0px;
	}
	
	.floatRight
	{
		position:				relative;
		float:					right;
		color:					#999999;
		padding:				0px 2px 0px 0px;
		font-size:				0.9em;
	}	
	
	.floatCloser
	{
		clear:					both;
	}
	
	.invisible
	{
		display:				none;
	}
	
	.readmore
	{
		float:					right;
	}
	
		.readmore a
		{
			font-size:				0.9em;
		}
	
	.formFieldLeft
	{
		margin-bottom:				3px;
	}
	
	.upsize
	{
		margin:				0 5px 0 0;
	}
	
	/*******************************************************************************************/
	/* =Form element classes													*/
	/*******************************************************************************************/		
	.cm_input
	{

		padding:				2px 0px 0px 5px;
		
		color:					#000;
		font-family: 			Arial,Helvetica; 
				
		background-color:		#FFFFFF;
		
		border:					solid 1px #898989;
	}
	
	.cm_select
	{
		height:					19px;
		
		color:					#000000;
		font-family: 			Arial,Helvetica; 
	
		
		background-color:		#FFFFFF;
		
		border:					solid 1px #898989;
	}
	
	.cm_textarea
	{
		padding:				2px;
		font-family: 			Arial,Helvetica; 
	
		
		background-color:		#FFFFFF;
		
		border:					solid 1px #898989;
	}
	
	.cm_radio
	{
		height:					15px;
		width:					15px;
		
		padding:				0;
		margin:					0 5px 0 0;		
	}
	
	.cm_button
	{
		cursor:					pointer;
		
		height:					18px;
		padding:				0 2px 1px 2px;
		margin:					0 7px 0 0;
		
		color:					#FFFFFF;
		font-weight:			bold;
		
		background-color:		#e01a3e;
		
		border:					0px;
	}
	
	
	.cm_field
	{
		width:					200px;
	}
	
	.hide
	{
		display:				none;
	}
	
	
	/*******************************************************************************************/
	/* =Printheader															*/
	/*******************************************************************************************/			
	#containerPrintHeader
	{
		display:				none;
	}
	
	/*******************************************************************************************/
	/* =Containers															*/
	/*******************************************************************************************/
	#containerTotal
	{
		height:					auto;
		width: 					970px;
		padding:				0;
		margin:					0px auto;
	}
		
		#containerHeader
		{
			height:					100px;
			width: 					970px;
			margin:					4px 0 0 0;
			
		}
		
			#containerPrintHeader
			{
				display:				none;
			}
		
			#containerNamelogo
			{
				float:					left;
				height:					95px;	/* 40px */
				width: 					760px;
				margin:					0;
			}
			
			#containerSearch
			{
				float:					left;
				height:					30px;
				width: 					210px;
				
				padding:				69px 0 0 0;
			}
			
				#containerSearch label
				{
					float:				left;
					font-weight:		bold;
					display:			block;
					margin:				3px 0 0 10px;
					
				}
						
				#containerSearchForm
				{
					margin:			0 0 0 50px;	
				}
			
				#containerSearchForm input#q
				{
					width:			115px;		
				}
			
	
	
	#containerMenu
	{
		height:					24px;
		width: 					970px;
		
		background-color:		#e01a3e;
		z-index:				500;
	}
	
		.mnuStd
		{
			float:				left;
		}
	
			
	#containerFooter
	{
		float:					left;
		height:					24px;
		width: 					970px;
		margin:					0 0 10px 0;
		
		background-color:		#e01a3e;
	}
	
		#containerShortcuts
		{
			float:					left;
			height:					20px;
			width: 					788px;
			color:					#fff;
			padding:				4px 0px 0px 12px;
			font-size:				1.1em;
			font-weight:			bold;
		}
		
		
		#containerShortcuts a
		{
			color:					#fff;
			font-weight:			normal;
		}
		
		#containerShortcuts a.bold
		{
			font-weight:			bold;
		}
		
		div.shortcut
		{
			float:					left;
			border-right:			1px solid #fff;
			padding-right:			14px;
			margin-right:			14px;
		}
		
		
			div.shortcut ul li
			{
				float:				left;
			}
			
		
		div.shortcut_read
		{
			position:				relative;
			float:					left;
			width:					85px;
			/*background-image:		url(/sjablonen/1/images/general/speaker.gif);
			background-position:	67px 1px;
			background-repeat:		no-repeat;*/
			
		}		
		
			div.shortcut_read img
			{
				display:			block;
				position:			absolute;
				
				right:				8px;
				top:				2px;
			}
		
		#containerFlags
		{
			float:					right;
			height:					24px;
			width: 					170px;
		}
	
			
		div.flag
		{
			float:				right;
			margin:				5px 5px 0 5px;
		}
		
			div.flag a
			{
				color:				#fff;
				font-weight:		normal;
				font-size:			1.0em;
			}
		
	/*********************************************************************************************/
	/* =Errors & Warnings				  			                                      				   */
	/*********************************************************************************************/
				
	#containerContent span.m2f_fail , 
	#containerContent span.m2f_success, 
	#containerContent span.notfound_404, 
	#containerContent span.error, 
	#containerContent span.warning,
	#containerContent span.ecardSend 
	{	
		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;
	}	
	
	#containerContent span.m2f_fail
	{
		background: 			url(/sjablonen/1/images/general/m2f_fail.png) no-repeat 8px 8px #ffe0e1;
	}
	
	
	#containerContent span.m2f_success,
	#containerContent span.ecardSend 
	{
		color: 					#7ebd27;
		background: 			url(/sjablonen/1/images/general/m2f_success.png) no-repeat 8px 8px #e3ffe0;
		border:					solid 2px #7ebd27;
	}
	
	#containerContent span.ecardSend 
	{
		width:					642px;
	}
	
	
	#containerContent span.notfound_404
	{
		background: 			url(/sjablonen/1/images/general/notfound_404.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#containerContent span.error
	{
		background: 			url(/sjablonen/1/images/general/error.png) no-repeat 8px 8px #ffe0e1;
	}
	
	#containerContent span.warning
	{
		color:					#ff7300;
		background: 			url(/sjablonen/1/images/general/warning.png) no-repeat 8px 8px #fff7e0;
		border:					solid 2px #ff7300;
	}
	
	
	/* tagCloud*/
	.tagcloud
	{
		display:				block;
		clear:					both;
		float:					left;
		width:					970px;
	}
	
	
	#containerTotal .tagcloud a
	{
		font-weight:			normal;
		text-decoration:		none;
	}
	
		#containerTotal .tagcloud a:hover
		{
			text-decoration:		underline;
		}
	
	.tag-kleinste,
	.tag-klein,
	.tag-normaal,
	.tag-groot,
	.tag-grootste
	{
		float:					left;
		padding:				0 10px 4px 0;
		line-height:			1em;
		white-space:			nowrap;
	}
	
	.tag-kleinste
	{
		font-size:			11px;
		padding-top:		11px;
		padding-bottom:		5px;
	}
	
	.tag-klein
	{
		font-size:			13px;
		padding-top:		9px;
		padding-bottom:		5px;
	}
	
	.tag-normaal
	{
		font-size:			16px;
		padding-top:		7px;
	}
	
	.tag-groot
	{
		font-size:			18px;
		padding-top:		5px;
	}
	
	.tag-grootste
	{
		font-size:			20px;
		padding-top:		3px;
	}
}


/************************************************************************************************/
/* Print styles                                            										*/
/************************************************************************************************/
@media print 
{
	#containerSearch, #containerBanners, #containerMenu, #containerFooter, .invisible, #containerNamelogo
	{
		display:				none;
	}
	
	
	body 
	{
		height:					100%;
		width:					100%;
		padding:				0;
		margin:					0;
		
		font-family: 			Arial,Helvetica; 
		color:					#084c75;
		font-size:				1em;
		line-height:			130%;

					
		background-color:		#FFFFFF;
	}
	
	
	
	h1
	{
		padding:				0 0 4px 0;
		margin:					0;
		
		color:					#cc071e;
		font-size:				1.5em;

	}
	
	h2
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#000000;
		font-size:				1.3em;
	}
	
	h3
	{
		padding:				0;
		margin:					0 0 4px 0;
		
		color:					#000000;
		font-size:				1.1em;
		line-height:			100%;
	}
	
	#containerText div
	{
			color:				#000000;
	}
	
	ul
	{
		padding:				0;
		margin:					0;
	}
		
		ul li
		{
			list-style-type:		none;
		}
	
	ol
	{
		padding:				0 0 0 10px;
		margin:					0 0 0 25px;
	}
	
	p
	{
		padding:				0;
		margin:					2px 0px 15px 0px;
	}
	
	a
	{		
		font-weight:			bold; 
		color:					#000000;
		text-decoration:		none;
	}
	
		a:hover 
		{
			color:					#000000;
			text-decoration:		underline;
		}
		
	#containerPrintHeader
	{
		margin:				0 0 30px 0;
		padding:			0 0 10px 0;
		border-bottom:		1px solid #cccccc;	
	}
}