/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		SUBPAGE stylesheet					                              			*/
/* Site name:		Ouderenzorg 2010 Internet				                           	  		*/
/* Date created:	02-02-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	Grey:			#747576;
/*	Blue (light)	#0095d8;
/*	Blue (dark)		#004494;
/*

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

    #mainContainer
	{
	    top:                    231px;
	}
	
	#imageContainer
	{
	    height:                 128px;
	}

		#imageContainer object
		{
			margin-left:				-1px;
		}
			
	/********************************************************************************************/
	/* =Content																					*/
	/********************************************************************************************/
	
	#rightContainer
	{
		margin:					-25px 0 0 11px;			
	}
	*>#rightContainer
	{
		margin:					-25px 0 0 14px;
	}
	
	#rightContainer #images  h2
	{
		display:				none;
	}
		
	#images div.image
	{
		float:					right;
		position:				relative;
		width:					234px;
		height:					162px;
		margin:					0 0 20px 0;
		padding:				0;
		
		background-repeat:		no-repeat;
		background-position:	center center;
	}
	
		#images div.image img
		{
			width:					234px;
			height:					162px
		}
	
		#images div.image .imageOverlay
		{
			position:				absolute;
			top:					0;
			left:					0;
			
			padding:				0;
			
			width:					234px;
			height:					162px;
			background-image:		url(/Content/Images/General/vervolgOverlay.png);
			background-repeat:		no-repeat;
			background-position:	0 0;
		}
	
	/*********************************************************************************************/
	/* =Paging									                                     			 */
	/*********************************************************************************************/
	#totalContainer .paging
	{
		padding:			0;
		margin:				13px 0 0 0;
	}
	
		#totalContainer .paging li
		{
			float:				left;
			display:			block;
			
			
			padding:			0;
			margin:				0 8px 0 0;
			
			color:				#999;	/* =102 */
			line-height:		1.2em;
			
			background-image:	none;
		}
		
			#totalContainer .paging li a
			{
				display:			block;
				
				padding:			6px;
				
				color:				#333;	/* =100 */
				text-decoration:	none;
			}
			
				#totalContainer .paging li a:hover
				{
					padding:			6px 6px 4px 6px;
					
					color:				#777;			/* =100 */
									
					border-bottom:		2px solid #004494;	/* =100 */
					
					background-color:	#f5f5f5;		/* =104 */
				}
		
		#totalContainer .paging .info
		{
			padding:			6px 6px 6px 0;
			margin-right:		26px;
		
			color:				#999;	
		}
		
		#totalContainer .paging .inBetween
		{
			padding:			6px;
		
			color:				#b2b2b2;	
		}
		
		#totalContainer .paging .selectedPageNumber span
		{
			display:			block;
			
			padding:			6px;
			
			color:				#fff;	
			font-weight:		bold;
			
			background-color:	#004494;					
		}
		
		/* First and last pagenumber*/
		#totalContainer .paging .firstItem
		{
		}
		
		#totalContainer .paging .lastItem
		{
		}
		
		/* Next previous selectors*/
		#totalContainer .paging .previous a,
		#totalContainer .paging .next a,
		#totalContainer .paging .previous a:hover,
		#totalContainer .paging .next a:hover,
		#totalContainer .paging .previousPage.noPrevious,
		#totalContainer .paging .nextPage.noNext
		{
			padding:				2px 0 2px 0;
			border-bottom:			none;
			
			background-color:		transparent;
		}
	
		#totalContainer .paging .previous a,
		#totalContainer .paging .next a ,
		#totalContainer .paging .previous.noPrevious span,
		#totalContainer .paging .next.noNext span
		{
			display:				block;

			width:					20px;
			height:					20px;
			
			margin:					0;
			padding:				0;

			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/Content/Images/General/navigation_small.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
			background-color:		transparent;
			
			border:					medium none;
			overflow:				hidden;

			cursor:					pointer;
		}
		
			/* previous */
			#totalContainer .paging .previous a 
			{
				float:					left;
				display:				inline;
				
				background-position: 	left top;
			}
			
				#totalContainer .paging .previous a:hover 
				{
					background-position: 	left -20px;
				}
				
					#totalContainer .paging .previous.noPrevious 
					{
						background-position: 	left -40px;
					}
				
			/* next */
			#totalContainer .paging .next,
			#totalContainer .paging .previous
			{
				width:				20px;
				border:				none;
				margin:				4px 2px 0 0;
			}
			
			
			#totalContainer .paging .next a 
			{
				float:					right;
				display:				inline;
				
				background-position: 	-20px top;
			}
			
				#totalContainer .paging .next a:hover 
				{
					background-position: 	-20px -20px;
				}
				
					#totalContainer .paging .next.noNext span
					{
						background-position: 	-20px -40px;
					}
					
			#totalContainer .paging .pageSizeSelector
			{
			    float: right;
			}
			
			    #totalContainer .paging .pageSizeSelector #pagingLimit
			    {
			        margin-right: 5px; 
			    }
			    	
	/*********************************************************************************************/
	/* =path 							            		                          			 */
	/*********************************************************************************************/
	#path
	{
		position:			absolute;
		left:				213px;
		top:				285px;
		
		width:				548px;
	}
	
		#path strong
		{
			display:			none;
		}
		
		#path h2
		{
			display:			none;
		}
	
		#path ul
		{
			height:				1.2em;
			margin:				0;
		}
		
			#path li
			{
				display:			inline;
				float:				left;
	
				height:				1.2em;
				margin:				0;
				padding:			0;
			
				color:				#004494;	
				font-size:			0.92em;
				line-height:		1.2em;

				background-image: 	none;
				white-space:		nowrap;
			}
			
				#path a
				{	
					display:			block;
		
					width:				10px;
					height:				1.2em;
					
					margin:				0 5px 0 0;
					padding:			0 11px 0 0;
					
					color:				#004494;	
					line-height:		1.2em;
					text-decoration:	none;
					
					background-image:	url(/Content/Images/general/bullet_path.gif);
					background-repeat:	no-repeat;
					background-position:right 4px;
				}
				*>#path a /* IE 6 fix */
				{
					min-width:			10px;
					width:				auto;
				}
				
				#totalContainer #path .lastItem
				{
					background-image:	none;
					padding:			0;
				}
				
					#path a:hover
					{
						color:				#5c3356;	
						text-decoration:	underline;
					}
		
	/*********************************************************************************************/
	/* =options				 			       	                    							 */
	/*********************************************************************************************/
	#options
	{
		clear:				both;
		
		float:				right;
		display:			inline;
		padding-top:		10px;
	}
	
		#totalContainer #options ul li
		{
			float:				left;
			display:			inline;
			
			position:			relative;
			
			width:				71px;
			height:				36px;
			
			margin-left:		12px;
			
			background-image:   none;
		}
		
			#options ul li a
			{
				display:			block;
				
				padding:			10px 0 0 34px;
				width:				37px;
				height:				26px;
				
				color:				#004494;	
				font-size:			0.82em;
				text-decoration:	none;
			}
			
				#options ul li a:hover
				{
					padding:			10px 0 0 34px;
					width:				37px;
					height:				26px;
					
					color:				#5c3356;
					text-decoration:	underline;
				}
				*>#options ul li a:hover
				{
					background-color:	#e5D8e3;
				}
				
				#options .print	a
				{
					background-image:	url(/Content/Images/general/icon_print.gif); 
					background-position:left top;	
					background-repeat:	no-repeat;	
				}
	
				#options .mail a
				{
					background-image:	url(/Content/Images/general/icon_mail.gif); 
					background-position:left top;	
					background-repeat:	no-repeat;		
				}
				
				#options .download a,
				#options .downloadAllPhoto a,
				#options .downloadThisPhoto a
				{
					background-image:	url(/Content/Images/general/icon_download.gif); 
					background-position:left top;	
					background-repeat:	no-repeat;		
				}
				
	/********************************************************************************************/
	/* =downloads																				*/
	/********************************************************************************************/
	#content #downloads 
	{
		clear:					both;
	}
	
		#content  #downloads h2
		{
			font-size:				1.36em;
			padding:				18px 0 6px 0;
		}
		
		#content  #downloads ul
		{
		}
			
			#content  #downloads li
			{
				position:				relative;
				padding:				6px 13px 3px 22px;	
				
				line-height:			1.415em;	

				background-repeat:		no-repeat;
				background-position:	2px 10px;
			}
		
				#content  #downloads li a
				{
					color:					#004494;
				}
				
					#content  #downloads li a:hover
					{
						color:					#5c3356;
					}
			
					#content  #downloads li span
					{
						white-space:			nowrap;
					}
					
					/* =Filetypes */
					#content #downloads .doc,
					#content #downloads .docx,
					#content #downloads .rtf
					{
						background-image:		url(/Content/Images/doctypes/doc.gif);
						background-position:	0 0.35em;
					}
				
					#content #downloads .pdf
					{	
						background-image:		url(/Content/Images/doctypes/pdf.gif);
						background-position:	0 0.45em;
					}
					
					#content #downloads .txt
					{
						background-image:		url(/Content/Images/doctypes/txt.gif);
						background-position:	0 0.35em;
					}
					
					#content #downloads .xls,
					#content #downloads .xlsx
					{
						background-image:		url(/Content/Images/doctypes/xls.gif);
						background-position:	0 0.35em;
					}
					
					#content #downloads .ppt,
					#content #downloads .pptx
					{
						background-image:		url(/Content/Images/doctypes/ppt.gif);
						background-position:	0 0.35em;
					}
			
					#content #downloads .jpg,
					#content #downloads .jpeg
					{
						background-image:		url(/Content/Images/doctypes/jpg.gif);
						background-position:	0 0.35em;
					}
					
					#content #downloads .gif
					{
						background-image:		url(/Content/Images/doctypes/gif.gif);
						background-position:	0 0.35em;
					}
					
					
			/* More downloads */
			#content  #downloads div span
			{
				display:				block;
				clear:					both;
			}
	
			#content  #downloads .overview
			{
			}

	/********************************************************************************************/
	/* =sitemap																					*/
	/********************************************************************************************/		
	
	#content .pageBody
	{
		display:			none;
	}
	
	/* niveau 1 */
	#content ul.sitemap
	{
		margin:			0 0 0px 0;
	}
	
		#content ul.sitemap li
		{
			background-image:			none;
			padding:					0;
		}
		
			#content ul.sitemap li a
			{
				font-weight:				bold;
				text-decoration:			none;
			}
			
			#content ul.sitemap li a:hover
			{
				text-decoration:			underline;
			}
	

	/* niveau 2 */	
	#content ul.sitemap li ul li
	{
		padding:				0 0 0 18px;
		background-image:		url(/Content/Images/General/bullet_list.gif); 	
			
	}
	
		#content ul.sitemap li ul li a
		{
			font-weight:				normal;
		}
	
	
	/* niveau 3 */
	#content ul.sitemap li ul li ul li
	{
		padding:						0 0 0 6px;
		background-image:				none;
	}
		
	#content ul.sitemap li ul li ul li a
	{
		color:				#747576;
	}
	
		#content ul.sitemap li ul li ul li a:hover
		{
			color:				#ccc;
		}
	
}


/************************************************************************************************/
/* =Print styles  	                       											          	*/
/************************************************************************************************/
@media print
{
	.breadCrumbs, #leftUnder 
	{
		display:			none;
	}

}