/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage Styles
 Created on: 	20-10-2009
 Author:     	Roberto De Vivo
 Client:		Prox
 Project:		Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global
 =content	
 =news
 =jobs
 =shortCuts
 =quickSearch
 =navigation
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1		Cyan			#009fda	(cyan)
 =2		Link			#c93127	(red)
 =3		Mouse Over		#a52117	(dark red)


 ***** Standard Module colours *****
 =10	Newshead text	#777	(medium gray)
 =11	Shortcuts		#999	(medium light gray)
 =12	date			#b2b2b2	(light gray)
 =13	body text		#333	(dark grey)
 =14	calendar alt	#f5f5f5	(ultra light gray)
 =15	body background #fff	(white)

*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		color:					#009fda	;	/* =1 */
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				12px;
		line-height:			2em;		/* 24px */
		
		padding:				0;
		margin:					0;
		
		background-color:		#fff;		/* =15*/
		background-image:		url(/sjablonen/1/images/general/pattern_loop.gif);
		background-repeat:		repeat;
		background-position:	50% 0;
	}

	input,
	select,
	textarea
	{
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				1em;
	}

		#totalContainer
		{
			position:				relative;
			
			height:					500px;
			min-height:				500px;
			width:					792px;
			margin:					0 auto;
			padding:				0;
		/*	border-left:					1px solid #ccc;
			border-right:					1px solid #ccc; */
			
			background-image:		url(/sjablonen/1/images/general/background_border.gif);
			background-repeat:		no-repeat;
			background-position:	0 135px;

		}
		*>#totalContainer
		{
			height:					auto;
		}

			
	.hide 
	{
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	
	h1
	{
	}
	
		h2
		{
		}
		
			h3
			{
			}
	
	a
	{
		color:					#c93127;	/* =2 */
		text-decoration:		underline;
	}
	
		a:hover
		{
			color:				#a52117;	/* =3 */
		}
		
	#logo
	{
		display:				block;
		
		padding:				43px 0 26px 0;
	}
	

	/*********************************************************************************************/
	/* =content									      			                          		 */
	/*********************************************************************************************/
	#content
	{
		clear:			both;
		float:			left;
		display:		inline;
		
		margin:			0 0 0 162px;
		padding:		28px 0 0 11px;
		
		width:			609px;	/* 620 -11 */
	}	
	
		#content h1
		{
		}
	
	
		#content a
		{
			color:					#4c4c4c;	/* =6 */
			text-decoration:		underline;
		}
	
			#content a:hover
			{
				color:					#038ddb;	/* =2 */
			}
			
		#content img
		{
			display:			block;
			margin-left:		-15px; /* new */
		}

	/*********************************************************************************************/
	/* =news									                                      			 */
	/*********************************************************************************************/	
	#news
	{
		clear:			both;
		float:			left;
		display:		inline;
		
		width:			285px;
		margin:			-4px 38px 0 0;
		padding-bottom:	32px;
		
		line-height:	1.27em;
	}
	
		#news h2 a span
		{
			display:				block;
			
			width:					127px;
			height:					25px;
			margin-bottom:			5px;
			
			line-height:			1px;
			font-size:				1px;
			text-indent: 			-5000px;	/* remove text */
			
			background-image:		url(/sjablonen/1/images/general/txt_nieuws.gif);
			background-repeat:		no-repeat;
			background-position:	0 0;
			
			cursor:					pointer;
		}
		
			#news h2 .english span
			{
				background-image:		url(/sjablonen/1/images/general/txt_nieuws_engl.gif);
			}
		
		#news ul
		{
		}
		
			#news li
			{
				position:			relative;
				clear:				both;
				float:				left;
				display:			inline;
				
				width:				284px;
				height:				2px;
				min-height:			2px;
				padding:			24px 0 3px 1px;
				margin:				0;

				color:				#c93127;	/* =2 */
				text-transform: 	uppercase;
				
				border-bottom:		2px solid #c93127;	/* =2 */
				font-family: 			"Univers Bold Condensed", Arial, Helvetica, sans-serif;
			}
			*>#news li
			{
				height:				auto;
			}
			
				#news li a
				{
					color:				#c93127;	/* =2 */
					font-weight:		bold;
					font-size:			1.27em;
					
					letter-spacing:		-1px;				
					text-decoration:	none;
				}
				
					#news li a:hover
					{
						color:				#a52117;	/* =3 */
						text-decoration:	underline;
					}
					
					#news li span
					{
						position:			absolute;
						left:				0;
						top:				6px;
						
						font-size:			1.09em;
					}

	/*********************************************************************************************/
	/* =jobs									                                      			 */
	/*********************************************************************************************/	
	#jobs
	{
		float:			left;
		display:		inline;
		
		width:			285px;
		margin-top:		-4px;
		padding-bottom:	32px;
		
		line-height:	1.27em;
	}
	
		#jobs h2 a span
		{
			display:				block;
			
			width:					193px;
			height:					25px;
			margin-bottom:			5px;
			
			line-height:			1px;
			font-size:				1px;
			text-indent: 			-5000px;	/* remove text */
			
			background-image:		url(/sjablonen/1/images/general/txt_vacatures.gif);
			background-repeat:		no-repeat;
			background-position:	0 0;
			
			cursor:					pointer;
		}
		
			#jobs h2 .english span
			{
				background-image:		url(/sjablonen/1/images/general/txt_vacatures_engl.gif);
			}
		
		#jobs ul
		{
		}
		
			#jobs li
			{
				position:			relative;
				clear:				both;
				float:				left;
				display:			inline;
				
				width:				284px;
				height:				2px;
				min-height:			2px;
				padding:			14px 0 12px 1px;
				margin:				0;

				color:				#c93127;	/* =2 */
				text-transform: 	uppercase;
				
				border-bottom:		2px solid #c93127;	/* =2 */
				font-family: 			"Univers Bold Condensed", Arial, Helvetica, sans-serif;
			}
			*>#jobs li
			{
				height:				auto;
			}
			
				#jobs li a
				{
					color:				#c93127;	/* =2 */
					font-weight:		bold;
					font-size:			1.27em;
					
					letter-spacing:		-1px;				
					text-decoration:	none;
				}
				
					#jobs li a:hover
					{
						color:				#a52117;	/* =3 */
						text-decoration:	underline;
					}
					
			
	/*********************************************************************************************/
	/* =shortCuts 								                                      			 */
	/*********************************************************************************************/	
	#shortCuts 
	{
		position:				absolute;
		left:					499px;
		top:					47px;

		height:					10px;
		min-height:				10px;
		margin:					0;
		padding:				0;
	}
	*>#shortCuts 
	{
		height:					auto;
	}
	
		#shortCuts li
		{
			float:					left;
			display:				inline;
			
			padding:				0;
			margin:					0 0 0 5px;
			min-height:				4px;
			height:					4px;
			
			font-size:				1.27em;
			font-weight:			bold;
			line-height:			1.17em;			/* =14px */
			letter-spacing:			-1px;
		}
		*>#shortCuts li
		{
			height:					auto;
		}
		
		#shortCuts .lastItem
		{
			border-right:			none;
		}
		
			#shortCuts a
			{
				display:				block;
				
				margin:					0;
				padding:				0 8px 0 0 ;
				
				text-decoration:		none;
				color:					#c93127;	/* =2 */
				
				background-image:		url(/sjablonen/1/images/general/shortcut_border.gif);
				background-repeat:		no-repeat;
				background-position:	right 3px;

			}
			
			#shortCuts .lastItem a
			{
				padding:				0;
				background-image:		none;
			}
			
				#shortCuts a:hover
				{
					text-decoration:	underline;
					color:				#a52117;	/* =3 */
				}
				
	/*********************************************************************************************/
	/* =quickSearch								                                      			 */
	/*********************************************************************************************/	
	#quickSearch
	{
		position:				absolute;
		right:					23px;
		top:					93px;
	
		margin:					0;
		padding:				0;
		
		height:					26px;
		min-height:				26px;
		white-space:			nowrap;
		width:					272px;
	}
	*>#quickSearch
	{
		height:					auto;
	}

		#quickSearch label
		{
		}
		
		#quickSearch #qs_kw_or
		{
			float:					left;
			display:				inline;
			
			margin:					0;
			padding:				5px 8px 0 8px;
			height:					26px;
			min-height:				26px;
			width:					210px;		/* 200 -13 -13 */			
			
			color:					#333;	/* =13 */
			font-size:				1em;
			background-color:		transparent;
			border:					0px solid #fff;

			background-image:		url(/sjablonen/1/images/general/background_search.gif);
			background-repeat:		no-repeat;
			background-position: 	left top;
		}
		*>#quickSearch #qs_kw_or
		{
			height:					auto;
			color:					#999;	/* =11 */
		}
		
			#totalContainer #quickSearch .english  #qs_kw_or
			{
				width:					187px;
				background-image:		url(/sjablonen/1/images/general/background_search_engl.gif);
			}
				
			#quickSearch #qs_kw_or:focus,
			#quickSearch #qs_kw_or:hover
			{
				color:					#333;	/* =13 */
			}
		
		#quickSearch .button
		{
			float:					left;
			display:				inline;
			
			height:					12px;
			width:					36px;
			margin:					6px 0 0 7px;
			padding:				0;
			
			line-height:			1px;
			font-size:				1px;
			
			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/button_search.gif);
			background-repeat:		no-repeat;
			background-position: 	right top;
			background-color:		transparent;
			
			border:					medium none;
			overflow:				hidden;
			cursor:					pointer;
		}
		
			#totalContainer #quickSearch .english .button
			{
				width:					59px;
				background-image:		url(/sjablonen/1/images/general/button_search_engl.gif);
			}

			*>#quickSearch .button:hover
			{
				background-position: 	right bottom;
			}
			
	/*********************************************************************************************/
	/* =navigation								                                      			 */
	/*********************************************************************************************/
	#navigation
	{
		position:				absolute;
		left:					0;
		top:					172px;
		padding:				0 0 32px 0;
		width:					136px;
		
		line-height:			1.27em;
	}	

		#navigation li
		{
			position:			relative;
			
			height:				2px;
			min-height:			2px;
			padding:			5px 0 5px 0;
			width:				136px;

			color:				#c93127;	/* =2 */
		}
		*>#navigation li
		{
			height:				auto;
		}
		
			#navigation li a
			{
				color:				#c93127;	/* =2 */
				font-weight:		bold;
				font-size:			1.27em;
				
				letter-spacing:		-1px;				
				text-decoration:	none;
			}
			
				#navigation .selected a:hover,
				#navigation li a:hover
				{
					color:				#a52117;	/* =3 */
					text-decoration:	underline;
				}
				
				#navigation .selected span,
				#navigation .selected a
				{
					color:				#009fda;	/* =1 */
					font-weight:		bold;
					font-size:			1.27em;
					
					letter-spacing:		-1px;
				}
	
}