/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		FRONTPAGE stylesheet				                                       	  			*/
/* Site name:		Vincis standaard sjabloon (CM 3.7)			                                         	  		*/
/* Date created:		16-02-2009						                                         	  		*/
/************************************************************************************************/

/*
--------------------------------------------------------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------------------------------------------------------
  =Content
 =Misc 
 =Options 
 =Search
 =Print styles
 
--------------------------------------------------------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------------------------------------------------------
 =1 Headers					#76a000	(also topgraphic background and hyperlinks)
 =2 Mouse over				#9dbd15	(light green grey)
 
 =3 Content borders			#e8e8e8	(Very light grey) 
 =4 Content text				#333	(dark grey)
 =5 Content light text			#c0c0c0	(light grey) 
 
 =6 Header graphic text			#fff		(white) 

*/

@media screen 
{
	/*******************************************************************************************/
	/* =Content															*/
	/*******************************************************************************************/
	#containerTotal
	{
	
		padding:				0;
		width:					557px;
		margin:					0px auto;
		left:					0;
		height:					0px;
		z-index:				99;
	}	
	
		#containerTop
		{
			position:			absolute;
			top:				110px;
			width:				557px;
			overflow-x:			hidden;
		}
		*>#containerTop
		{
			overflow-x:			visible;
		}
		
				#adxmenu li div a, #adxmenu li div span
				{
					width:					99px;
				}
				
				#adxmenu li#adxmenu_menuitem_4 div a, #adxmenu li#adxmenu_menuitem_4 div span
				{
					width:					260px;
				}
				
					#adxmenu li#adxmenu_menuitem_4 ul li div a, #adxmenu li#adxmenu_menuitem_4 ul li  div span
					{
						width:					247px;
					}
					
						
	
	#content
	{
		width:					557px;
		margin:					0px auto;
		z-index:				0;
	}
	
	#containerTopMenu
	{
		height:					30px;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
				
		background-color:		#504795;

	}	
	
	
	#containerMenuImages a#menu1, #containerMenuImages a#menu2, #containerMenuImages a#menu3
	{
		display:				block;
		float:					left;
		width:					99px;
		height:					350px;
		background-image: 		url('/sjablonen/1/images/menu/menu1_1.jpg');	
		background-repeat:		no-repeat;
	}
	
		#containerMenuImages a#menu1:hover
		{
			background-image: 		url('/sjablonen/1/images/menu/menu1_2.jpg');	
		}
	
	#containerMenuImages a#menu2 
	{
		background-image: 		url('/sjablonen/1/images/menu/menu2_1.jpg');	
	}
	
		#containerMenuImages a#menu2:hover
		{
			background-image: 		url('/sjablonen/1/images/menu/menu2_2.jpg');	
		}
	
	#containerMenuImages a#menu3
	{
		background-image: 		url('/sjablonen/1/images/menu/menu3_1.jpg');	
	}
	
		#containerMenuImages a#menu3:hover
		{
			background-image: 		url('/sjablonen/1/images/menu/menu3_2.jpg');	
		}
	
	
	.doubleColumn
	{
		float:					left;
		
		height:					150px;
		min-height:				150px;
		width:					480px;
	}
	*>.doubleColumn
	{
		height:					auto;
	}
	
	.column
	{
		float:					left;
		
		height:					150px;
		min-height:				150px;
		width:					235px;
		margin-left:			10px;
	}
	*>.column
	{
		height:					auto;
	}
	
	
	/*******************************************************************************************/
	/* Wheater																*/
	/*******************************************************************************************/
	#weather
	{
	}
	
	
	/*******************************************************************************************/
	/* Spotlight															*/
	/*******************************************************************************************/
	#spotlight
	{
	}
	
	
	/*******************************************************************************************/
	/* Spotlight news															*/
	/*******************************************************************************************/
	#spotlightNews
	{
		height:					170px;
		min-height:				170px;
		margin:					0 0 20px 0;
	}
	*>#spotlightNews
	{
		height:					auto;
	}
	
	#spotlight img, #spotlightNews img
	{
		display:			block;
		float:				left;
		
		padding:			5px;
		margin-right:		12px;
		
		background-color:	#fff;	/* =6 */
		
		border:				1px solid #e8e8e8;	/* =3 */
	}
	
	
	/*******************************************************************************************/
	/* More news															*/
	/*******************************************************************************************/
	#moreNews
	{
		clear:					both;
	}
}


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