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


/************************************************************************************************/
/* Screen styles                                                                 										*/
/************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =Subpage styles														*/
	/*******************************************************************************************/

	#containerDynamicImage
	{
		height:					170px;
		width: 					968px;
		background-repeat:		no-repeat;
		border-left:			1px solid #cccccc;
		border-right:			1px solid #cccccc;
		border-top:				1px solid #cccccc;
	
		z-index:				0;
	}
	
		#containerOverlay
		{
			height:					152px; /* 170 -9 -9 */
			width: 					950px; /* 968 -9 -9 */
			z-index:				1;				
			border:					9px solid #fff;
		}
	
	#containerMain
	{
		float:					left;
		background-image:		url(/sjablonen/1/images/general/background_main.gif);
		background-repeat:		repeat-y;
		
	}
	
		#containerContent
		{
			float:					left;
			display:				inline;
			height:					328px;
			width: 					737px;
			margin:					0px 0px 0px 12px;
			padding:				0px 10px 0px 0px;
		}
		*>#containerContent
		{
			min-height:				348px;
			height:					auto;
		}
		
			#containerContent h1
			{	
				margin:				0 0 5px 0;
			}
			
			#containerPath
			{
				height:					15px;
				margin:					5px 0 15px 0;
				color:					#000000;
				font-size:				1.1em;
			}
			*>#containerPath
			{
				min-height:				15px;
				height:					auto;
			}
		
				#containerPath a
				{	
					font-weight:			bold;
					color:					#000;	
				}
			
			#containerRis
			{
				float:					left;
				width:					738px;
				height:					268px;
			}
			*>#containerRis
			{
				min-height:				278px;
				height:					auto;
			}
			
			
				
			#containerText
			{
				padding:			0 0 20px 0;
			}
		
		
				#containerText div
				{
					font-size:			1.1em;
					color:				#000000;
					line-height:		150%;
				}
				
					#containerText div div
					{
						font-size:			1.0em;
					}
					
					#containerText div table td
					{
							font-size:			0.7em;
					}
				
				#containerText ul li
				{
					font-size:				1.1em;
					padding:				3px 0 3px 18px;
					background-image:		url(/sjablonen/1/images/general/bullet.gif);
					background-position:	0px 7px;
					background-repeat:		no-repeat;
					line-height:			14pt;
				}
				
				#containerText ul li div
				{
					font-size:				1.0em;	
				}
				
				ul.pollAnswer li
				{
					list-style:				none;	
					background-image:		none!important;
				}
				
				#containerText #pollQuestion
				{
					color:				#e01a3e;
					font-weight:		bold;
					margin:				0 0 3px 0;
				}
				
					
			ul#options
			{
				width:				738px;
				height:				25px;
				padding:			12px 0 15px 0;
			}
						
					ul#options li
					{
						float:					left;	
						height:					25px;
						list-style-type:		none;
						background-repeat:		no-repeat;
						
					}
					
					ul#options li.mail
					{
						margin:					0 20px 0 0;
						padding:				4px 0 0 23px;
						
						background-image:		url(/sjablonen/1/images/general/send.gif);
						background-position:	0 0;
					}			
					
					ul#options li.print
					{
						margin:					0 10px 0 0;
						padding:				4px 0 0 32px;
						
						
						background-image:		url(/sjablonen/1/images/general/print.gif);
						background-position:	0 0;
					}
					
						ul#options li a
						{
							color:			#000000;
							font-size:		1.2em;
						}
			
		
				
					ul#options li.up
					{
						float:					right;
						font-size:				9px;
												
						background-image:		url(/sjablonen/1/images/general/arrow_up.gif);
						background-position:	0 8px;
						background-repeat:		no-repeat;
						padding:				4px 0 0 13px;
					}
					
						ul#options li.up
						{
							color:			#000000;
						}
					
					ul#options li.changeDate
					{
						float:						right;
						padding:				4px 0 0 13px;						

					}
					
						ul#options li.changeDate
						{
							color:			#bcbcbc;
						}				
		
		.changeDate
		{
			clear:				both;
			display:				block;
			
			width:				738px;
			
			color:				#888;
			text-align:			right;
		}
		
		#containerRelevant
		{
			float:					left;
			width:					210px; /* 210 */
			height:					357px;
			background-color:		#f9e9ec;
			padding:				0 0 10px 0;
		}
		
		*>#containerRelevant
		{
			min-height:				357px;
			height:					auto;
		}
		
			#downloadList, #metaLinks
			{
				float:				left;
				display:			none;
				margin:				36px 20px 0 10px;
			}
			
				#downloadList h2, #metaLinks h2
				{
					font-size:			1.3em;
					width:				180px;
				}


			#downloadList ul, #metaLinks ul
			{
				border-top:			2px solid #e01a3e;
			}
			
				#downloadList ul li
				{
					height:				17px;
					width:				160px;
					
				
					padding:			12px 0 3px 27px;
					border-bottom:		2px solid #e01a3e;
					background-repeat:	no-repeat;
				}
				
				*>#downloadList ul li
				{
					min-height:				17px;
					height:					auto;
				}
				
					#downloadList ul li a
					{
						color:					#e01a3e;
						font-size:				1.2em;
						font-weight:			bold;
					}
					
					#downloadList ul li span
					{
						display:				block;
						font-size:				0.9em;
					}					
				
					#downloadList ul li.doc
					{
						background-position:	0px 11px;
						background-image: 		url('/sjablonen/1/images/doctypes/doc.gif');
					}
					
					#downloadList ul li.pdf
					{
						background-position:	0px 11px;
						background-image: 		url('/sjablonen/1/images/doctypes/pdf.gif');
					}
					
					#downloadList ul li.ppt
					{
						background-position:	0px 11px;
						background-image: 		url('/sjablonen/1/images/doctypes/ppt.gif');
					}
								
					#downloadList ul li.xls
					{
						background-position:	0px 11px;
						background-image: 		url('/sjablonen/1/images/doctypes/xls.gif');
					}


			#metaLinks ul li
			{
				height:					17px;
				padding:				12px 0 3px 21px;
				border-bottom:			2px solid #e01a3e;
				
				width:					166px;
				
				background-image:		url(/sjablonen/1/images/general/bullet.gif);
				background-position:	4px 15px;
				background-repeat:		no-repeat;
			}
			*>#metaLinks ul li
			{
				min-height:				17px;	
				height:					auto;
				padding:				12px 0 3px 23px;
			}
				
				#metaLinks ul li a
				{
					color:					#e01a3e;
					font-size:				1.2em;
					font-weight:			bold;
				}
	
	body div #containerSearchResults table tr .zoekPad 
	{
		color:				#777;
		font-size:			0.65em;
		text-decoration:	none;
		font-weight:		normal;
		border-bottom:		1px solid #eee;
	}
	
	body div #containerSearchResults table .zoekNaam
	{
		background-color:	#f9e9ec;
	}
	
	.zoekPad a
	{
		color:				#777;
		text-decoration: 	none;
		font-weight:		normal;
	}
	
	body div table tr .zoekText
	{
		padding-top:			8px;
		padding-bottom:			24px;
		border-bottom:			1px solid #888;
		
	}
}


/************************************************************************************************/
/* Print styles                                                                 										*/
/************************************************************************************************/
@media print
{

	#containerPrintMail, #containerPath, #containerRelevant
	{
		display:					none;
	}
	
	h1
	{
		color:				#000000;
	}
}