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

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

/************************************************************************************************/
/* Screen styles                                                                 				*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* =Content																					*/
	/********************************************************************************************/
	
	#topBar
	{
		margin:					40px 0 19px 0;
	}
	
	#topMenu
	{
		float:					left;
		display:				inline;
		
		margin:					0 0 0px 15px;
		z-index:				10;
	}
	
	#left
	{
		float:					left;
		display:				inline;
		width:					407px;
		height:					206px;
		padding:				0px 40px 0 5px;
		margin:					0 0 0 20px;
		z-index:				0;
		overflow-x:				hidden;
	}
	*>#left
	{
		min-height:				206px;
		height:					auto;
	}
	
		#content
		{	
			float:					left;
			color:					#c3261f;
			font-size:				1.2em;
			line-height:			155%;
		}
		
	#right
	{
		float:					right;
		display:				inline;
		width:					465px;
		
		margin:					0 13px 0 0;
		z-index:				0;
	}
	
	
		#actualWrapper
		{	
			float:					left;
			width:					235px;
			display:				inline;
		}
	
			#actualTop
			{	
				float:					left;
				width:					230px;
				height:					16px;
				display:				inline;
				
				background-image:		url(/Content/Images/General/bg_actualTop.jpg);
				background-repeat:		no-repeat;
			}
		
			#actual
			{	
				float:					left;
				width:					196px;
				height:					253px;
				display:				inline;
				padding:				1px 17px 0 17px; 
				margin:					0 5px 0 0px;
				background-image:		url(/Content/Images/General/bg_actual.jpg);
				background-repeat:		repeat-y;
				
			}
			*>#actual
			{
				min-height:				236px;
				height:					auto;
			}
			
				#actual h2
				{
					float:					left;
					width:					100%;
					color:					#000;
					font-size:				1.5em;
					font-weight:			normal;
				}
				
				
				#actual ul
				{
					float:					left;
					margin:					17px 0 0 0;
					font-size:				0.9em;
					line-height:			130%;
				}
				
					#actual ul li
					{
					
						margin:					0 0 15px 0;
					}
					
			
			#actualBottom
			{	
				float:					left;
				width:					230px;
				height:					16px;
				display:				inline;
				
				background-image:		url(/Content/Images/General/bg_actualBottom.jpg);
				background-repeat:		no-repeat;
			}
			
		
		#banner
		{	
			float:					left;
			display:				block;
			width:					230px;
			height:					270px;
			
			margin:					-3px 0 0 -3px;
			padding:				0;
			overflow:				hidden;
		}
		
			#banner li
			{
				float:					left;
				display:				block;
				margin:					0 0 0 -2px;
				padding:				0;
			}
	
	#left a img
	{
		float:					left;
		display:				inline;
		margin:					0;
		padding:				0;
		
		border-top:				1px solid #c3261f;
	}

	
}


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

		

}