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

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

/************************************************************************************************/
/* Screen styles                                                                 				*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* =Global																			     	*/
	/********************************************************************************************/
	body 
	{
		color:					#000;	
		
		font-family: 			Arial, Verdana, Helvetica;
		
		font-size:				1.0em;
		line-height:			145%;
	
		background-color:		#e8e5df;
		color:					#4d4d4d;
	}
	
	input
	{
		font-family: 			Arial, Verdana, Helvetica;
	}
	
		
	
	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	#printHeader
	{
		display:				none;
	}
	
	h1, h1 a
	{
		color:					#c3261f;	
		font-size:				1.6em;
		font-weight:			bold;
		
		margin:					0px 0 10px 0;
		padding:				0;
		text-decoration:		none;
		
	}
	
	h2, h2 a
	{
		color:					#c3261f;	
		font-size:				1.3em;
		font-weight:			bold;
		
		margin:					0;
		padding:				0;
		text-decoration:		none;
	}
	
	h3, h3 a
	{
		color:					#c3261f;	 
		font-size:				1.0em;
		font-weight:			bold;
		
		margin:					0;
		padding:				0;
		text-decoration:		none;
	}
	
		h3 a:hover
		{
			color:					#000;	 
		}
	
	
	
	p
	{
		margin:				0 0 0.8em 0;
	}
	
	ul
	{
	}
	
		li
		{
		}
		
	a
	{
		color:					#c3261f;	
		text-decoration:		underline;
	}
	
		a:hover
		{
			color:					#000;	
			text-decoration:		underline;
		}

		
	.cm_button
	{
		float:					left;
		display:				inline;

		height:					19px;
		width:					50px;
		color:					#fff;
		
		font-size:				1.2em;
		font-weight:			bold;
		
		margin:					0;
		
		background-color:		#c3261f;
		
		border:					0;

		cursor:					pointer;
	}
	
		.cm_button:hover
		{
			color:					#fff;
			background-color:		#6e6e6e;
		}


	.cm_textarea, .cm_input, .cm_select, .cm_multi, .cm_button
	{
		font-family: 			Arial, Verdana, Helvetica;
		font-size:				1.0em;
	}


	.readMore, .readMore:hover
	{
		padding:				0 0 0 8px;
		font-weight:			normal;
		color:					#000;
		text-decoration:		none;
		font-size:				0.95em;
		
		background-image:		url(/Content/Images/General/iconReadmore.gif);
		background-position:	0 4px;
		background-repeat:		no-repeat;		
	}
	
		.readMore:hover
		{
			color:					#c3261f;
			text-decoration:		underline;
		}
	
	/********************************************************************************************/
	/* =Containers																				*/
	/********************************************************************************************/		
	
	#wrapperOutside
	{
		position:				relative;
		
		width:					980px;
		margin:					0px auto;
	
	}
	
	#wrapperShadow
	{
		float:					left;
		position:				relative;
		
		width:					980px;
		margin:					0;
		padding:				0;
		
		background-image:		url(/Content/Images/General/shadow_wrapper.gif);
		background-repeat:		repeat-y;
	}

	
	
	#totalContainer
	{
		float:					left;
		display:				inline;
		position:				relative;
		
		width:					960px;
		height:					590px;
		margin:					0px 10px 0px 10px;
		
		border-bottom:			10px solid #fff;
		
		background-color:		#fff;
	}
	*>#totalContainer
	{
		min-height:				590px;
		height:					auto;
		*padding:				0 0 35px 0; /* only IE7 */
	}
	
	
		
	#topContainer
	{
		position:				absolute;
		left:					0;
		top:					0;
		
		width:					920px;
		height:					40px;
		margin:					0 0 0 20px;
		
		font-size:				0.9em;
		
		color:					#6e6e6e;
		z-index:				100;
	}
	
		#topContainer div.login
		{
			float:					left;
			height:					11px;
			
			margin:					6px 5px 0 10px;
			
			color:					#c3261f;
			background-color:		#fff;
		}
		
		ul#shortcuts1,
		ul#shortcuts2
		{
			float:					left;
			height:					30px;
			
			margin:					10px 0 0 0;
			
			background-color:		#fff;
		}
		
			ul#shortcuts1 li,
			ul#shortcuts2 li
			{
				float:					left;
				margin:					0;
			}
			
				ul#shortcuts1 li a
				{
					float:					left;
					display:				inline;
					height:					11px;
					padding:				0 5px 0 0;
					margin:					0 5px 0 0;
					line-height:			100%;
					color:					#6e6e6e;
					text-decoration:		none;
					border-right:			1px solid #6e6e6e;
				}
				
				
				ul#shortcuts2 li a
				{
					float:					left;
					display:				inline;
					height:					11px;
					padding:				0 0 0 8px;
					margin:					0 8px 0 0;
					line-height:			100%;
					color:					#6e6e6e;
					text-decoration:		none;
					background-image:		url(/Content/Images/General/bullet_path.gif);
					background-position:	0 4px;
					background-repeat:		no-repeat;
				}
				
					ul#shortcuts1 li a:hover,
					ul#shortcuts2 li a:hover
					{
						text-decoration:		underline;
					}
					
					ul#shortcuts2 li a:hover
					{
						color:					#c3261f;
					}
					
		#read
		{
			float:					left;
			height:					30px;
			margin:					6px 0 0 10px;
			padding:				0 0 0 20px;
			
			background-image:		url(/Content/Images/General/iconLeesvoor.gif);
			background-position:	0 1px;
			background-repeat:		no-repeat;
		}
		
			#read a,
			#fontsize a
			{
				color:					#6e6e6e;
				text-decoration:		none;
			}
			
				#read a:hover,
				#fontsize a:hover
				{
					text-decoration:		underline;
				}
			
			#fontsize
			{
				float:					left;
				height:					30px;
				margin:					6px 0 0 30px;
			}		

			/* readspeaker styling */
			#xpl
			{
				float:				left;
				margin:				20px 0 0 0;
				border:				1px solid #c3261f;
				padding:			3px;
			}
			
			
			#xpl table td
			{
				position:				absolute!important;
				top:					40px!important;
				background-color:		#fff;
			}	

			#bottomLinks
			{
				background-color:		#fff;
			}			
			
				#bottomLinks a
				{
					font-size:				1.1em!important;
					text-decoration:		none;
				}
	
	
	#topBar
	{
		float:					left;
		display:				block;
		
		width:					960px;
		height:					45px;
		margin:					40px 0 24px 0;
		
		background-image:		url(/Content/Images/General/bg_vanboeijen.gif);
		background-repeat:		no-repeat;
	}
	
		#topMenu
		{
			height:						275px;
			overflow:					hidden;
		}
		*>#topMenu
		{
			overflow:					visible;
		}
		
	
	#content
	{
		float:					left;
		position:				relative;
	}
	
		#content h1
		{
			font-weight:			normal;
		}
	
	

	/********************************************************************************************/
	/* =Path																					*/
	/********************************************************************************************/

	#path
	{
		float:					left;
		position:				relative;
		top:					0;
		left:					0;
		
		margin:					0 0 15px 0;
		padding:				0;
		
		width:					454px;
		color:					#9cbc15;
		
		font-size:				0.9em;
	}
	
		#path ul
		{
			margin:				0;
		
		}
		
			#path li
			{
				display:			inline;
				float:				left;

	
				margin:				0;
				padding:			0;
				color:				#c3261f;
			
				background-image: 	none;
				white-space:		nowrap;
			}
			
				#path a
				{	
					display:			block;
		
					
					margin:				0 5px 0 0;
					padding:			0 11px 0 0;
					
					color:				#c4bfb7;	/* =103 */
					text-decoration:	none;
					
					background-image:	url(/Content/Images/General/bullet_path.gif);
					background-repeat:	no-repeat;
					background-position:right 7px;
				}
	
				
		
				
					#path a:hover
					{
						color:				#333;	/* =103 */
						text-decoration:	underline;
					}
	
	
	
	/********************************************************************************************/
	/* =Options																					*/
	/********************************************************************************************/
	
	ul#options
	{
		position:				absolute;
		left:					255px;
		bottom:					30px;
			
		width:					430px;
		
		z-index:				100;
	}
	*>ul#options
	{
		*bottom:				0px;
	}
	
		#options li
		{
		
			display:			inline;
			
			position:			relative;
			
			margin:				0px 10px 0 0;
			padding:			0;
			
			background-image:	none;
		}
		
			#options li a
			{
				color:				#c3261f;	
				text-decoration:	none;
			}
			
				#options li a:hover
				{
					color:				#000;	
					text-decoration:	underline;
				}
	
	#slogan
	{
		position:				absolute;
		display:				block;
		
		font-size:				0;
		line-height:			0;
		
		text-indent:			-5000px;
		right:					15px;
		bottom:					0;
		width:					205px;
		height:					32px;
		
		background-image:		url(/Content/Images/General/slogan.gif);
		background-repeat:		no-repeat;		
	}
	
	#shadowUnder
	{
		float:					left;
		position:				relative;
		
		width:					980px;
		height:					20px;
		margin:					-10px auto;
		
		background-image:		url(/Content/Images/General/shadow_wrapper_under.gif);
		background-repeat:		no-repeat;		
	}

	
	/********************************************************************************************/
	/* =QuickSearch																				*/
	/********************************************************************************************/
	
	
	.quicksearch 
	{
		float:					right;
		display:				inline;
		width:					191px;
		height:					18px;
		margin:					7px 0 0 0;
		padding:				0 0 0 19px;
	}
	
		.quicksearch #query
		{
			float:					left;
			display:				block;
			width:					121px;
			height:					14px;
			
			font-size:				0.98em;
			border:					0;
			margin:					0;
			padding:				2px 0 0 7px;
			
			color:					#6e6e6e;
			border:					1px solid #6e6e6e;
		}
		
		.quicksearch #send
		{
			float:					left;
			display:				block;

			height:					18px;
			width:					55px;
			
			margin:					0 0 0 3px;	
			padding:				0;
			border:					0;
			
			font-size:				0.98em;
			font-weight:			bold;
			
			background-color:		#c3261f;
			color:					#fff;
			
			cursor:					pointer;
		}
		*>.quicksearch #send
		{	
			margin:					0 0 0 6px;	
		}
		
		
		#footer
		{
			float:					left;
			position:				relative;
		
			font-size:				0.9em;
			width:					960px;
			height:					20px;
			margin:					10px auto;
		}
		
			ul#shortcuts3
			{
				float:					left;
				display:				inline;
				
				margin:					5px 0 0 20px;
			}
			
				ul#shortcuts3 li
				{
					float:					left;
					margin:					0;
				}
				
					ul#shortcuts3 li a,
					ul#shortcuts3 li span
					{
						float:					left;
						display:				inline;
						height:					12px;
						padding:				0 5px 0 0;
						margin:					2px 5px 0 0;
						line-height:			100%;
						font-size:				0.95em;
						color:					#6e6e6e;
						text-decoration:		none;
						border-right:			1px solid #6e6e6e;
					}
					
						ul#shortcuts3 li a.last,
						ul#shortcuts3 li span.last
						{
							border:					none;
						}
					
						ul#shortcuts3 li a:hover
						{
							text-decoration:		underline;
						}
				
				
			ul#footerBanners
			{
				float:					left;
				display:				inline;
				margin:					0 0 0 30px;
			}			
			
				ul#footerBanners li
				{
					float:					left;
					margin:					0 10px 0 0;
				}
}


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

	#topMenu, #homeBanner, #banner, #slogan, #footer, #topContainer, #leftColumn, #path, #rightColumn, #options
	{
		display:				none;
	}

	body 
	{
		color:					#000;	
		
		font-family: 			Arial, Verdana, Helvetica;
		
		font-size:				1.0em;
		line-height:			170%;

	}
	
	
	#right
	{
		margin:					50px 0 0 0;
	}
	
	#printHeader
	{
		display: 					block;
		padding:					0 0 20px 0;
		margin:						0 0 20px 0;
		border-bottom:				1px solid #ccc;	
	}
	
	
	#content h1,
	h1
	{
		color:					#c3261f;	
		font-size:				1.7em;
		font-weight:			bold;
		
		margin-bottom:			0.7em;
	}

	#content h2,
	h2
	{		
		color:					#c3261f;	
		font-size:				1.1em;
		font-weight:			bold;
		
		margin:					0;
		padding:				0;
	}
	
	#content h3,
	h3
	{
		color:					#c3261f;	
		font-size:				1.0em;
		font-weight:			bold;
		
		margin:					0;
		padding:				0;
	}
	
}

/************************************************************************************************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 31, 2010 					*/
/************************************************************************************************/
@font-face 
{
	font-family: 'NewsGothicBQRegular';
	src: url('newsgotbqreg-webfont.eot');
	src: local('?'), url('newsgotbqreg-webfont.woff') format('woff'), url('newsgotbqreg-webfont.ttf') format('truetype'), url('newsgotbqreg-webfont.svg#webfontLM232pRj') format('svg');
	font-weight: normal;
	font-style: normal;
}