/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage Styles
 Created on: 	13-05-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Maeykehiem intranet
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global

 =Print 
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
	* Turquois * 
 =1 Backgound color		#5bafcb	(turquois)
 =2 Link Mouseover		#1e74b7	(dark turquois)
 =3 Menu text			#98d2f9	(light turquois)
 =4 Link Mouseover BG	#edf5fb (very light turquois)


 =5	Body text			#4c4c4c	(dark grey)
 =6	Content background	#fff	(white)
 =7	ReadMore			#999	(light grey)
 =8	Menu selected		#f04b01	(orange)
 
*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/
	body 
	{
		position:				relative;
		
		height:					auto;
		
		color:					#4C4C4C;	/* =5 */
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			2.1818em;
		
		background-color:		#70BBD4;	/* =1*/

		background-image:		url(../../images/general/background.gif); 
		background-repeat:		repeat-x;
		background-position: 	top left;
	}

	input, select
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
	}

		#totalContainer
		{
			position:				relative;
			
			height:					300px;
			min-height:				300px;
			width:					976px;
			margin:					0 auto;
		}
		*>#totalContainer
		{
			height:					auto;
		}
		
	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	#printHeader
	{
		display:				none;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	
	h1
	{
		color:					#1e74b7;	/* =1 */
		font-size:				1.4em;
	}
	
		h2
		{
			color:					#1e74b7;	/* =1 */
			font-size:				1.1em;
			font-weight:			bold;
		}
		
			h3
			{
				color:					#1e74b7;	/* =5 */
				font-size:				1.1em;
				font-weight:			bold;
			}
	
	ul
	{
	}
	
		li
		{
			padding-left:			11px;
			
			background-image:		url(../../images/general/bullet.png);
			background-position:	0 8px;
			background-repeat:		no-repeat;
		}
	
	
	h2 a, h3 a
	{
		text-decoration:		none;
	}
		
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/
	/* =content*/
	#wrapper
	{
		clear:					both;
		
		position:				absolute;
		top:					104px;
		
		height:					300px;
		min-height:				300px;
		width:					976px;
		margin:					0 0 16px 0;
		padding:				0;
		
		background-color:		#fff;	/* =6 */
		background-image:		url(../../images/general/background_content.gif); 
		background-repeat:		repeat-x;
		background-position: 	top left;
		
		z-index:				1;
		
	}
	*>#wrapper
	{
		height:					auto;
	}
	
		#wrapper a
		{
			color:					#5bafcb;	/* =1 */
			
		}
		
			#wrapper a:hover
			{
				color:					#1e74b7;	/* =2 */
				text-decoration:		underline;
				background-color:		#edf5fb;	/* =4 */
			}
	
	#flash
	{
		display:				block;
		position:				absolute;
		top:					24px;
		left:					27px;
		
		width :					185px;
		height:					100px;
		
		z-index:				3;
	
	}

	#middle
	{
		float:					left;
		height:					400px;
		width:					404px;
		padding:				45px 0 0 41px;
	/*	background-color:		#0f0;  eee*/
	}
	*>#middle
	{
		min-height:				400px;
		height:					auto;
	}

	#sideBar
	{
		float:					left;

		width:					149px;
		padding:				45px 24px 0 8px;
		
	 /*	background-color:		#00f;  eee*/
	}
	
	#footer
	{
		clear:					both;
		
		width:					976px;
		height:					32px;
		margin:					0 auto;
		
		background-image:		url(../../images/general/footer.gif);
		background-repeat:		no-repeat;
		background-color:		#70BBD4;	/* =1 */
	}
	
	/*********************************************************************************************/
	/* =spotLight				 		                           								 */
	/*********************************************************************************************/
	#spotLight
	{
		float:					left;
		
		width:					308px;
		height:					32px;
		min-height:				32px;
		
		padding:				45px 0 0 42px;
		
		 /*background-color:		#ff0; eee*/
	}
	*>#spotLight
	{
		height:					auto;
	}
	
		#spotLight img
		{
			display:				block;
			
			padding:				1px;
			margin:					0 0 12px 0;
			
			border:					1px solid #127983;	/* =1 */
		}

		#spotLight a:hover img
		{
			border:					1px solid #b2d9dc;	/* =3 */
		}

	/*********************************************************************************************/
	/* =news					 		                           								 */
	/*********************************************************************************************/
	#news
	{
	
		height:					395px;
		min-height:				0;
		padding:				0;
	}
	*>#news
	{
		height:					auto;
	}
	
		#news li
		{
			clear:					both;
			display:				block;
	
			height:					32px;
			min-height:				130px;
			padding:				7px 0 0 0;
	
			background-image:		none;
		}
		*>#news li
		{
			height:					auto;
		}
		
			#news h3
			{	
				font-family:			Verdana, Arial, Helvetica;
				font-size:				1em;
				line-height:			2.09em;
			}
			
			#news p
			{
				padding:				0 0 26px 0;
			}
	
	/*********************************************************************************************/
	/* =dateBlock				 		                           								 */
	/*********************************************************************************************/
	.dateBlock
	{
		float:					left;
		display:				inline;
		
		width:					40px;
		height:					60px;
		padding:				1px;
		
		color:					#fff;	/* =6 */
		text-align:				center;
		line-height:			1.2em;

		background-image:		url(../../images/general/background_date.png); 
		background-repeat:		no-repeat;
		background-position:	1px 1px;
	
		border:					1px solid #127983;	/* =1 */
	}
	
		.dateBlock .dateDay
		{
			display:				block;
			
			padding:				2px 0 1px 0;
			
			font-size:				1.726em;
			line-height:			1.290em;
			font-weight:			bold;
		}
		
		.dateBlock .dateMonth
		{
			font-size:				1.090em;
			font-weight:			bold;
		}
		
		.dateBlock .dateYear
		{
			font-size:				0.818em;
		}
		
		/* exceptions */
		#spotLight .dateBlock
		{
			margin:					8px 0 0 0;
		}
		
		#news .dateBlock
		{
			margin:					6px 0 0 0;
		}
		
	/*********************************************************************************************/
	/* =newsContent					 		                           							 */
	/*********************************************************************************************/		
	.newsContent
	{
		float:					left;
		
		height:					32px;
		min-height:				32px;
		
		width:					342px;	/* 404 -9 -9 -40 -1 -1 -1 -1*/
		padding:				0 9px 0 9px;
		/*background-color:		#f00; eee*/			
	}
	*>.newsContent
	{
		height:					auto;
	}
	
		.newsContent h3
		{
			font-family:			Verdana, Arial, Helvetica;
			font-size:				1.21em;
		}

		/* exceptions */
		#spotLight .newsContent
		{
			width:					246px;	/* 308 -9 -9 -40 -1 -1 -1 -1*/
		}

			#news .newsContent h3
			{
				margin-bottom:			0;
			}
		
	/*********************************************************************************************/
	/* =readMore					                            								 */
	/*********************************************************************************************/
	#wrapper .readMore
	{
		display:				block;
		clear:					both;
		
		padding:				12px 0 10px 0;
	}
	
		#wrapper .readMore a
		{
			color:					#999;	/* =7 */
			font-size:				0.818em;
			font-weight:			bold;
		}
		
			#wrapper .readMore a:hover
			{
				color:					#4c4c4c;	/* =5 */
				
				background-color:		#fff;	/* =6 */
			}
			
	/* exceptions */	
	#middle .readMore
	{
		padding:				12px 0 52px 53px;
	}
	
	/*********************************************************************************************/
	/* =itemList				 		                           								 */
	/*********************************************************************************************/
	#wrapper .itemList
	{
		padding:				6px 0 39px 0;
	}

	#wrapper .itemList li a
		{
			color:					#4c4c4c;	/* =5 */
		}
		
			#wrapper .itemList li a:hover
			{
				color:					#999;	/* =7 */
				
				background-color:		#fff;	/* =6 */
			}

	/* exceptions */	
	#middle .itemList
	{
		padding:				8px 0 0 42px;
	}
					
	/*********************************************************************************************/
	/* =search	 								                                      			 */
	/*********************************************************************************************/	
	#quickSearch
	{
		position:				absolute;
		top:					12px;
		right:					0;
	
		width:					238px;
		min-width:				223px;
		height:					8px;
		min-height:				8px
		
		font-size:				1em;
	}
	*>#quickSearch
	{
		width:					auto;
		height:					auto;
	}
	
		#quickSearch fieldset
		{
			width:			238px;
		}
		*>#quickSearch fieldset
		{
			min-width:		222px;
			width:			auto;
		}
		
			#quickSearch label
			{
				float:					left;
				display:				inline;
				margin:					5px;
			}
			
			#quickSearch input, #quickSearch #qs_kw_or
			{
				float:					left;
				display:				inline;
				
				margin-left:			9px;
				padding:				2px 8px 0 8px;
				
				height:					16px;
				width:					8.3em;	
				
				color:					#666;
				font-size:				1.1em;
			}
			*>#quickSearch input, #quickSearch #qs_kw_or
			{
				width:					8.3em;	
			}
			
			#quickSearch #qs_kw_or
			{
			}
			
				#quickSearch input:focus
				{
					color:					#87898a;	/* =10 */
				}
			
			#quickSearch .button, #wrapper .button, #wrapper .cm_button
			{
				float:				left;
				display:			inline;
				
				padding:			0 6px 0 7px;
				margin:				0 0 0 4px;
				width:				4.514em;
				
				height:				2.05em;	/* height:	19px;*/
	
				font-size:			8pt;
				font-weight:		bold;
				color:				#1e74b7;	/* =1 */
				
				background-color:	#98d2f9;	/* =3 */
				
				border:				2px solid #1e74b7;	/* =1 */
			}
			*>#quickSearch .button
			{
				width:				4.514em;
			}
			
			#wrapper .button, #wrapper .cm_button
			{
				width:				auto;
				margin:				0;
			}
			

	/*********************************************************************************************/
	/* =welcome									                                      			 */
	/*********************************************************************************************/
	#welcome
	{
		position:				absolute;
		top:					18px;
		left:					160px;
				
		line-height:			1.2em;
	}
		
		#welcome h2
		{
			float:					left;
			
			width:					44px;
			height:					24px;
		}		

		#welcome p
		{
			float:					left;
			
			padding:				0 0 0 7px;
			
			color:					#b2d9dc;	/* =3 */
		}
		
			#welcome .date
			{
				font-size:				0.818em;
				color:					#80a9ae;	/* =unique */
			}
		
	/*********************************************************************************************/
	/* =txtReplacements							                                      			 */
	/*********************************************************************************************/
	.txtSpotlight, .txtMoreNews, .txtNewOnSite, .txtServices, .txtHandy, .txtVisited, #welcome h2, #quickSearch label
	{
		clear:					both;
		margin:					0;
		padding:				0;
		
		text-indent: 			-5000px;	/* remove text */
		line-height:			1.36em;		/* 15 px */
					
		background-repeat:		no-repeat;
		background-position: 	left top;
	/*	background-color:		#f0f; eee*/

	}
	
	.txtSpotlight
	{
		padding-bottom:			13px;
		
		background-image:		url(/sjablonen/1/images/text/home_actueel.png);
		background-position: 	53px top;
	}
	
	.txtMoreNews
	{
		background-image:		url(/sjablonen/1/images/text/home_meernieuws.png);
		background-position: 	53px top;
	}
	
	.txtNewOnSite
	{
		background-image:		url(/sjablonen/1/images/text/home_nieuwophetintranet.png);
		background-position: 	53px 2px;

	}
	
	.txtServices
	{
		background-image:		url(/sjablonen/1/images/text/home_services.png);
		background-position: 	10px top;
	}
	
	.txtHandy
	{
		background-image:		url(/sjablonen/1/images/text/home_handig.png);
		background-position: 	10px top;
	}
	
	.txtVisited
	{
		background-image:		url(/sjablonen/1/images/text/home_eerderbezocht.png);
		background-position: 	10px top;
	}
	
 	#welcome .txtWelcome
	{
		background-image:		url(/sjablonen/1/images/text/home_welkom.png);
		line-height:			0.909em;	/* 11 px */
	}
	
	#quickSearch label
	{
		display:				inline;
		
		width:					54px;
		height:					17px;
		
		background-image:		url(/sjablonen/1/images/text/home_zoeken.png);
		line-height:			0.909em;	/* 11 px */
		
		background-position: 	left 5px;
	}
	
	#printLogo
	{
		display:				none;
		visibility:				hidden;
	}

}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	.hide, #adxmenuContainer, #quickSearch, #logo, .shortcuts, #containerTabs, #welcome, #sideBar, #wrapper .itemList, .txtNewOnSite, .readMore
	{
		display:				none;
		visibility:				hidden;
	}
	
	#printLogo
	{
		display:				block;
		visibility:				visible;
	}
	
	
	body 
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			1.8em;
	}
	
	
	#printHeader
	{
		display:				block;
		
		margin:					0 0 30px 0;
		padding:				0 0 30px 0;
				
		border-bottom:			1px solid #ccc;
		
	}
	

	.floatCloser
	{
		clear:					both;
	}

	#wrapper img
	{
		padding:				1px;
		margin:					0 0 12px 0;
		
		border:					1px solid #127983;	/* =1 */
	}
	
	a
	{
		color:					#000;
		text-decoration:		underline;
	}
	
		a img
		{
			border:					none;
		}
	
	#wrapper h2, #wrapper h3, #wrapper p
	{
		margin-left:			0;	/* override */
	}
}