/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		SUBPAGE stylesheet						                           			*/
/* Site name:		Corporate Internet VanBoeijen	 		                           	  		*/
/* Date created:	03-03-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	
/*	Grey:				#6e6e6e
/*	Red:				#c3281f
/*	Black:				#000

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

	#content
	{
		height:					250px;
		width:					454px;
		margin:					0 0 60px 0;
	}
	*>#content
	{
		min-height:				250px;
		height:					auto;
	}	
	
	
	/********************************************************************************************/
	/* =Content																					*/
	/********************************************************************************************/
	
	#leftColumn
	{
		float:					left;
		display:				inline;
		width:					240px;
		height:					400px;
		margin:					-6px 0 0 15px;
	}
	*>#leftColumn
	{
		min-height:				400px;
		height:					auto;
	}
	
	
	#middleColumn
	{
		float:					left;
		width:					454px;
		margin:					-6px 0 0 0;
		height:					580px;
	}
	*>#middleColumn
	{
		min-height:				580px;
		height:					auto;
	}
	
		#headerImage
		{
			float:					left;
			width:					454px;
			height:					252px;
			margin:					7px 0 12px 0;
		
			overflow:				hidden;
		}
		
	
	ul#rightColumn
	{	
		float:					left;
		display:				block;
		width:					230px;
		
		
		margin:					-9px 0 0 7px;
		padding:				0;
	}
	
		ul#rightColumn li
		{
			float:					left;
			display:				block;
			height:					270px;
			margin:					0 0 10px 0;
			padding:				0;
		}
		
			ul#rightColumn li.last
			{
				margin:					0 0 30px 0;
			}
	
	/*********************************************************************************************/
	/* =Paging									                                     			 */
	/*********************************************************************************************/
	#totalContainer .paging
	{
		padding:			0;
		margin:				13px 0 0 0;
	}
	
		#totalContainer .paging li
		{
			float:				left;
			display:			block;
			clear:				none;
			
			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 #c3281f;	/* =100 */
					
					background-color:	#eeebe6;		/* =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:	#c3281f;					
		}
		
		/* 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;
					}
					
	
	
	/********************************************************************************************/
	/* =Contact																					*/
	/********************************************************************************************/	
	#contact
	{
		clear:				both;	
		
		padding-bottom:		13px;
	}

		#contact h2
		{
		}

		#contact dl
		{
		}
		
			#contact dl dt
			{
				font-weight:		bold;
			}
			
			#contact .title
			{
				color:				#999;	/* =102 */
				
				line-height:		1.4em;
				margin:				-4px 0 7px 0;
			}
			
			#contact dd
			{
				line-height:		1.75em;	/* 21px */		
			}
			
				#contact dd span
				{
					float:				left;
					
					width:				4.8em;
				}
			
				#contact dd a
				{
					color:				#777; /* =101 */
					text-decoration:	underline;
				}
			
					#contact dd a:hover
					{
						color:				#333; /* =100 */
						text-decoration:	underline;
					}
	
	/********************************************************************************************/
	/* =downloads																				*/
	/********************************************************************************************/
	
	#content #downloads 
	{
		clear:					both;
	}
	
		#content #downloads h2
		{
		    display:                none;
		}
		
		#content #downloads ul
		{
		}
			
			#content #downloads li
			{
				position:				relative;
				padding:				6px 13px 12px 22px;	
				
				line-height:			1.415em;	
				
				background-image:		url(/Content/Images/General/bullet_list.gif); 
				background-repeat:		no-repeat;
				background-position:	2px 10px;
			}
		
				#content #downloads li a
				{
				}
				
					#content #downloads li a:hover
					{
					}
			
					#content #downloads li span
					{
						display:				none;
						clear:					left;
						
						padding:				4px 0 5px 0;
						
						color:					#b2b2b2;	/* =102 */
						line-height:			1em;
							
						white-space:			nowrap;
					}
					
					/* =Filetypes */
					#content #downloads .doc, #downloads .docx
					{
						background-image:		url(/Content/Images/Doctypes/doc.gif);
						background-position:	0 0.25em;
					}
				
					#content #downloads .pdf
					{	
						background-image:		url(/Content/Images/Doctypes/pdf.gif);
						background-position:	0 0.35em;
					}
					
					#content #downloads .txt
					{
						background-image:		url(/Content/Images/Doctypes/txt.gif);
						background-position:	0 0.25em;
					}
					
					#content #downloads .xls, #content #downloads .xlsx
					{
						background-image:		url(/Content/Images/Doctypes/xls.gif);
						background-position:	0 0.25em;
					}
					
					#content #downloads .ppt, #content #downloads .pptx
					{
						background-image:		url(/Content/Images/Doctypes/ppt.gif);
						background-position:	0 0.25em;
					}
			
					#content #downloads .jpg, #content #downloads .gif
					{
						background-image:		url(/Content/Images/Doctypes/jpg.gif);
						background-position:	0 0.25em;
					}
					
					
			/* More downloads */
			#content #downloads div span
			{
				display:				block;
				clear:					both;
				
				color:					#b2b2b2;	/* =102 */
			}
	
			#content #downloads .overview
			{
			}

	
	/********************************************************************************************/
	/* =Reactions																				*/
	/********************************************************************************************/
	#reactions
	{
	}
	
		#content #reactions .totalReactions
		{
			color:					#b2b2b2;	/* =102 */
		}

		#content #reactions  h2
		{
		}
		
		#content #reactions ul
		{
			clear:				both;
			padding:			0;
			margin:				0;
			
			border-top:		1px solid #f5f5f5;	/* =104 */
		}	
	
			#content #reactions ul li
			{
				clear:				both;
				position:			relative;

				margin:				0;
				padding:			13px 13px 13px 0;
				
				height:				10px;
				min-height:			10px;

				background-image:	none;
				border-bottom:		1px solid #f5f5f5;	/* =104 */
			}
			*>#content #reactions ul li
			{
				height:				auto;
			}
			
			/* alternate style */
			#content #reactions ul .alternate
			{
			}
			
				#content #reactions ul li p
				{
					margin:			0;
				}
			
			/* user */
			#reactions .by
			{
				color:				#999;	/* =102 */
				line-height:		1.2em;
			}
			
				#reactions .by a
				{
					color:				#777;	/* =101 */
					text-decoration:	underline;
				}
				
					#reactions .by a:hover
					{
						color:				#333;	/* =100 */
						text-decoration:	underline;
					}
					
	#content #reactions img
	{
		display:			inline;
		border:				none;
		float:				none;
		
		margin:				0;
		padding:			0;
		
		background-color:	transparent;
	}
	
	#reactions .postNumber
	{
		position:			absolute;
		top:				10px;
		right:				15px;
		
		color:				#f5f5f5;	/* =104 */
		font-size:			2em;
		font-weight:		bold;		
	}
					


	/********************************************************************************************/
	/* =sitemap																					*/
	/********************************************************************************************/		
	
	#content .pageBody
	{
		display:			none;
	}
	
	/* niveau 1 */
	#content ul.sitemap
	{
		margin:			0 0 0px 0;
		width:			430px;
	}
	
		#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 14px;
		background-image:		url(/Content/Images/General/arrow_content.gif); 	
		background-repeat:		no-repeat;
		background-position:	0px 7px;
			
	}
	
		#content ul.sitemap li ul li a
		{
			font-weight:				normal;
		}
	
	
	/* niveau 3 */
	#content ul.sitemap li ul li ul li
	{
		padding:						0 0 0 10px;
		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;
		}	
	
	
	/* niveau 4 */
	#content ul.sitemap li ul li ul li ul li
	{
		font-size:				0.85em;
	}

	/********************************************************************************************/
	/* =web nieuwsbrief																			*/
	/********************************************************************************************/		
	
	
	#content .mailingSubject
	{
		padding:  				10px 0 10px 0;
		margin:					0 0 10px 0;
		border-bottom:			1px solid #ccc;
	}
	
	#content .mailingSubjectItemBody
	{
		margin: 				0 0 20px 0;
	}
	
}


/************************************************************************************************/
/* =Print styles                                           										*/
/************************************************************************************************/
@media print
{
	.hide
	{
		display:				none;
	}
}