/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		FRONTPAGE stylesheet 					                              	  			*/
/* Sjabloon nr:		1							                                      	  			*/
/* Site name:		Internet H&S						                                         	  		*/
/* Date created:		24-11-2008							                                         	  		*/
/*************************************************************************************************/

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
 Colors:
---------------------------------------------------------------------------------------------------------------------------------------------------
 =1 Headers	 & Hyperlinks		...	(also topgraphic background and hyperlinks)
 =2 Mouse over				...	
 
 =3 Content borders			...	
 =4 Content text				...	
 
 =5 Lichtblauw				... 
---------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

/*************************************************************************************************/
/* SCREEN styles			                                              									 */
/*************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =General styles							                                                                	           */
	/*******************************************************************************************/
	
	body 
	{
		background-image:		url(/sjablonen/1/images/general/prehome_tile.gif);
		background-repeat:		repeat-x;
	}
	
	#flashContainer
	{
		float:					left;
		position: 				relative;

		width: 					950px;
		height:					550px;

		padding:				0;
	}
	
		#flashOverlay
		{
			position:				absolute; /* FF fix */
			*position:				relative; /* only read by IE */
			float:					left;
			margin:					-553px 0 0 0; /* FF fix */
			*margin:				-550px 0 0 0; /* only read by IE */
		
			width: 					950px;
			height:					550px;
		}
		
		ul#shortcuts
		{
		
		}
		
		
		#buttonsContainer
		{
			display:				block;
			position:				absolute;
			bottom:					10px;
			left:					110px;
			width:					734px;
			height:					115px;
			background-color:		#fff;
		}
		
			#buttonsContainer a
			{
				display:				block;
				float:					left;
				width:					242px;
				height:					112px;
				margin:					0 4px 0px 0;
			}
			
			#buttonsContainer a.transport
			{
				background-image:		url(/sjablonen/1/images/general/button_we_transport.jpg);
			}
			
			
			#buttonsContainer a.transport:hover
			{
				background-image:		url(/sjablonen/1/images/general/button_we_transport_hover.jpg);
				background-repeat:		no-repeat;
			}
			
			#buttonsContainer a.process
			{
				background-image:		url(/sjablonen/1/images/general/button_we_process.jpg);
			}
			
			
			#buttonsContainer a.process:hover
			{
				background-image:		url(/sjablonen/1/images/general/button_we_process_hover.jpg);
				background-repeat:		no-repeat;
			}
			
			#buttonsContainer a.organise
			{
				background-image:		url(/sjablonen/1/images/general/button_we_organise.jpg);
			}
			
			
			#buttonsContainer a.organise:hover
			{
				background-image:		url(/sjablonen/1/images/general/button_we_organise_hover.jpg);
				background-repeat:		no-repeat;
			}
			
			
			#buttonsContainer a.organise
			{
				margin:					0;
			}
	
	
	#footerContainer
	{	
		float:					left;
		width:					950px;
		height:					20px;
		
		margin:					40px 0 0 0;
		
		font-size:				0.8em;
		color:					#fff;
	
		text-align:				center;
	}
	
#popupdiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.40;
	filter:alpha(opacity=40);
	background-color: #FFF;
	display: none;
	z-index: 1;
}

.popup
{
	display:none;
	left:0px;
	margin:260px 0px 0px 440px;
	position:absolute;
	top:0px;
	height : 158px;
	width : 376px;
	z-index:2;
	padding : 15px;
	
}
	
.popup .top,
.popup .left,
.popup .right,
.popup .bottom
{
	position: absolute;
}

.popup .top
{
	top: 0px;
	left: 1px;
	width: 406px;
	height: 16px;
	background-image: url('/sjablonen/1/images/login/top.png') !important;
	background-image: none;
	background-repeat :no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sjablonen/1/images/login/top.png",sizingMethod="scale");
}

.popup .bottom
{
	bottom: 0px;
	left: 1px;
	width: 406px;
	height: 16px;
	background-image: url('/sjablonen/1/images/login/bottom.png') !important;
	background-image: none;
	background-repeat :no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sjablonen/1/images/login/bottom.png",sizingMethod="scale");
}

.popup .left
{
	top: 15px;
	left: 0px;
	width: 15px;
	height: 157px;
	background-image: url('/sjablonen/1/images/login/left.png') !important;
	background-image: none;
	background-repeat :no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sjablonen/1/images/login/left.png",sizingMethod="scale");
}

.popup .right
{
	top: 15px;
	right: 0px !important;
	right: -1px;
	width: 15px;
	height: 157px;
	background-image: url('/sjablonen/1/images/login/right.png') !important;
	background-image: none;
	background-repeat :no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sjablonen/1/images/login/right.png",sizingMethod="scale");
	
}

.popup .popupcontent
{
	position : relative;
	background : #fff;	
	height : 157px;
	width : 376px;
}
#popup iframe
{
	width : 376px;
	height : 157px;
}	

		
}


/*************************************************************************************************/
/* PRINT styles			                                              									 */
/*************************************************************************************************/
@media print
{
	#allContainer
	{
		display:			none;
	}
}


/*************************************************************************************************/
/* HANDHELD styles		                                              									 */
/*************************************************************************************************/
@media handheld 
{
}