/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		SUBPAGE stylesheet 					                              	  			*/
/* Sjabloon nr:		1							                                      	  			*/
/* Site name:		Intranet Sneek SKIPPY					                                         	  		*/
/* Date created:		03-11-2008							                                         	  		*/
/*************************************************************************************************/

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

/*************************************************************************************************/
/* SCREEN styles			                                              									 */
/*************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =General styles							                                                                	           */
	/*******************************************************************************************/
	
	body 
	{
		background-image:		url(/sjablonen/1/images/general/header_tile.jpg);
		background-repeat:		repeat-x;
	}
	
	
		#groupslogo
		{
			
			width:					79px;
			height:					38px;
			margin:					5px 0 0 0;
		}
		
	
		#flashContainer
		{
			margin:					0px auto;
			
			width: 					950px;
			height:					238px;
			
			background-image:		url(/sjablonen/1/images/general/bg_top.png);
			background-repeat:		repeat-x;
		}
		
		#backgroundLogos
		{
			position:				absolute;
			display:				none;
						
			width:					245px;
			height:					150px;
		
			filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none  src='/sjablonen/1/images/general/bg_flash_logos.png');
		}
		*>#backgroundLogos
		{
			background-image:		url(/sjablonen/1/images/general/bg_flash_logos.png);
			background-repeat:		no-repeat;
			filter:					none;
		}
		
		#flashOverlay
		{
			position:				absolute; /* FF fix */
			*position:				relative; /* only read by IE */
			float:					left;
			margin:					-238px 0 0 0; 
					
			width: 					950px;
			height:					238px;
		}
		
		
			
		
		#headerLine 
		{	
			font-size:				0;
		
			width: 					100%;
			height:					4px;
			border-bottom:			#1f7cbd 1px solid;
			background-color:		#38acec;
		}
		
		#path
		{
			border-top:				5px solid #f8f8f8;	
			background-color:		#f2f2f2;
			
			height:					25px;
			width:					100%;
		}
		
			#path div.path
			{
				width:				830px;
				height:				25px;
				
				margin:				0px auto!important;
				padding:			0 0 0 120px;
			}
			
				a.back
				{
					float:					left;
					display:				block;
					
					width:					19px;
					height:					9px;							
					
					margin:					8px 120px 0 0;
					
					
					text-indent:			-5000px;
					
					background-image:		url(/sjablonen/1/images/general/arrows_back_off.gif);
					background-repeat:		no-repeat;
					background-position:	0 0;
				}
				
					a.back:hover
					{
						background-image:		url(/sjablonen/1/images/general/arrows_back_on.gif);
					}
				
				
				#path ul
				{
					float:			left;
					font-size:		0.8em;
					
					margin:			5px 0 0 0;
					padding:		0;
				}
				
					#path ul li
					{	
						float:			left;
						margin:			0 4px 0 0;
						padding:		0;
						
					}
					
						#path ul li a
						{
							font-weight:		normal;
							color:			#1f7cbd;
						}
						
						#path ul li img
						{
							margin:			0 0 0 5px;
						}
		
		

		#mainContainer
		{
			width:					100%;
			background-color:		#f8f8f8;
			font-size:				0.9em;
			line-height:			160%;
		}
		
			#ffContainer				/* fix for color of background is growing with growing of content block */
			{	
				float:					left;
				width:					100%;
				background-color:		#f8f8f8;
			}
		
			#totalContainer
			{
				width:					950px;
				height:					355px;
				
				margin:					0px auto;
				
				background-color:		#f8f8f8;
			}
			*>#totalContainer
			{
				min-height:				355px;
				height:					auto;
			}
					
				#limenu
				{
					float:					left;
					display:				inline;
					width:					220px;
					height:					10px;
					margin:					0 0 0 19px;
				}
				*>#limenu
				{
					min-height:				10px;
					height:					auto;
				}
				
				#content
				{
					float:				left;
					display:			inline;
					width:				470px;
					height:				340px;
					
					margin:				5px 10px 0 20px;
					padding:			0 0 10px 0;
				}
				*>#content
				{
					min-height:				340px;
					height:					auto;
				}
				
				ul#rightSidebar
				{
					float:					left;
					position:				absolute;
					top:					270px;
					display:				inline;
					width:					200px;
					height:					250px;
					
					margin:					30px 0 0 0;
					
					
					background-image:		url(/sjablonen/1/images/general/right_line.gif);
					background-repeat:		no-repeat;
					background-position:	left center;
				}
				*>ul#rightSidebar
				{
					width:					210px;
					min-height:				250px;
					height:					auto;
				}
				
					ul#rightSidebar li
					{
						float:			right;
						margin:			0;
						padding:		0;
					}
					
					
						ul#rightSidebar li a
						{
							display:			block;
							width:				192px;
							height:				95px;
						}
						
							/* language = nl */
							ul#rightSidebar li a.nl_1
							{
								background-image:		url(/sjablonen/1/images/banner/nl/customer_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.nl_1:hover
								{
									background-image:		url(/sjablonen/1/images/banner/nl/customer_on.jpg);
									background-repeat:		no-repeat;
								}
							
							ul#rightSidebar li a.nl_2
							{
								background-image:		url(/sjablonen/1/images/banner/nl/publications_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.nl_2:hover
								{
									background-image:		url(/sjablonen/1/images/banner/nl/publications_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							ul#rightSidebar li a.nl_3
							{
								background-image:		url(/sjablonen/1/images/banner/nl/hsgroup_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.nl_3:hover
								{
									background-image:		url(/sjablonen/1/images/banner/nl/hsgroup_on.jpg);
									background-repeat:		no-repeat;
								}
								
							/* language = de */
							ul#rightSidebar li a.de_1
							{
								background-image:		url(/sjablonen/1/images/banner/de/customer_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.de_1:hover
								{
									background-image:		url(/sjablonen/1/images/banner/de/customer_on.jpg);
									background-repeat:		no-repeat;
								}
							
							ul#rightSidebar li a.de_2
							{
								background-image:		url(/sjablonen/1/images/banner/de/publications_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.de_2:hover
								{
									background-image:		url(/sjablonen/1/images/banner/de/publications_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							ul#rightSidebar li a.de_3
							{
								background-image:		url(/sjablonen/1/images/banner/de/hsgroup_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.de_3:hover
								{
									background-image:		url(/sjablonen/1/images/banner/de/hsgroup_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							/* language = en */
							ul#rightSidebar li a.en_1
							{
								background-image:		url(/sjablonen/1/images/banner/en/customer_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.en_1:hover
								{
									background-image:		url(/sjablonen/1/images/banner/en/customer_on.jpg);
									background-repeat:		no-repeat;
								}
							
							ul#rightSidebar li a.en_2
							{
								background-image:		url(/sjablonen/1/images/banner/en/publications_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.en_2:hover
								{
									background-image:		url(/sjablonen/1/images/banner/en/publications_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							ul#rightSidebar li a.en_3
							{
								background-image:		url(/sjablonen/1/images/banner/en/hsgroup_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.en_3:hover
								{
									background-image:		url(/sjablonen/1/images/banner/en/hsgroup_on.jpg);
									background-repeat:		no-repeat;
								}	
								
								
							/* language = fr */
							ul#rightSidebar li a.fr_1
							{
								background-image:		url(/sjablonen/1/images/banner/fr/customer_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.fr_1:hover
								{
									background-image:		url(/sjablonen/1/images/banner/fr/customer_on.jpg);
									background-repeat:		no-repeat;
								}
							
							ul#rightSidebar li a.fr_2
							{
								background-image:		url(/sjablonen/1/images/banner/fr/publications_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.fr_2:hover
								{
									background-image:		url(/sjablonen/1/images/banner/fr/publications_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							ul#rightSidebar li a.fr_3
							{
								background-image:		url(/sjablonen/1/images/banner/fr/hsgroup_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.fr_3:hover
								{
									background-image:		url(/sjablonen/1/images/banner/fr/hsgroup_on.jpg);
									background-repeat:		no-repeat;
								}	
				
							
							/* language = pl*/
							ul#rightSidebar li a.pl_1
							{
								background-image:		url(/sjablonen/1/images/banner/pl/customer_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.pl_1:hover
								{
									background-image:		url(/sjablonen/1/images/banner/pl/customer_on.jpg);
									background-repeat:		no-repeat;
								}
							
							ul#rightSidebar li a.pl_2
							{
								background-image:		url(/sjablonen/1/images/banner/pl/publications_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.pl_2:hover
								{
									background-image:		url(/sjablonen/1/images/banner/pl/publications_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							ul#rightSidebar li a.pl_3
							{
								background-image:		url(/sjablonen/1/images/banner/pl/hsgroup_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.pl_3:hover
								{
									background-image:		url(/sjablonen/1/images/banner/pl/hsgroup_on.jpg);
									background-repeat:		no-repeat;
								}
							
							/* language = ru */
							ul#rightSidebar li a.ru_1
							{
								background-image:		url(/sjablonen/1/images/banner/ru/customer_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.ru_1:hover
								{
									background-image:		url(/sjablonen/1/images/banner/ru/customer_on.jpg);
									background-repeat:		no-repeat;
								}
							
							ul#rightSidebar li a.ru_2
							{
								background-image:		url(/sjablonen/1/images/banner/ru/publications_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.ru_2:hover
								{
									background-image:		url(/sjablonen/1/images/banner/ru/publications_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							ul#rightSidebar li a.ru_3
							{
								background-image:		url(/sjablonen/1/images/banner/ru/hsgroup_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.ru_3:hover
								{
									background-image:		url(/sjablonen/1/images/banner/ru/hsgroup_on.jpg);
									background-repeat:		no-repeat;
								}
							
							
							/* language = cz*/
							ul#rightSidebar li a.cz_1
							{
								background-image:		url(/sjablonen/1/images/banner/cz/customer_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.cz_1:hover
								{
									background-image:		url(/sjablonen/1/images/banner/cz/customer_on.jpg);
									background-repeat:		no-repeat;
								}
							
							ul#rightSidebar li a.cz_2
							{
								background-image:		url(/sjablonen/1/images/banner/cz/publications_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.cz_2:hover
								{
									background-image:		url(/sjablonen/1/images/banner/cz/publications_on.jpg);
									background-repeat:		no-repeat;
								}
								
							
							ul#rightSidebar li a.cz_3
							{
								background-image:		url(/sjablonen/1/images/banner/cz/hsgroup_off.jpg);
								background-repeat:		no-repeat;
							}
							
								ul#rightSidebar li a.cz_3:hover
								{
									background-image:		url(/sjablonen/1/images/banner/cz/hsgroup_on.jpg);
									background-repeat:		no-repeat;
								}
				
	
	#bottomContainer
	{
		float:					left;
		width:					100%;
		height:					38px;
			
		background-image:		url(/sjablonen/1/images/general/bottommenu_bg.gif);
		background-repeat:		repeat-x;
	}
		
		#bottomContainer  div
		{
			margin:					0px auto;
			width:					950px;
		}
		 
		#bottomContainer div ul
		{
			display:				block;
			margin:					0 0 0 292px;
		
		}
		
			#bottomContainer  div ul li
			{
				float:				left;
				margin:				0;
				padding:			0;
			}
	
				#bottomContainer  div ul li a
				{
					display:				block;
					width:					121px;
					height:					33px;
					text-indent:			-5000px;
				}
	
					#bottomContainer  div ul li a.transport
					{
						background-image:		url(/sjablonen/1/images/footer/transport_off.jpg);
						background-repeat:		no-repeat;
					}
		
						#bottomContainer  div ul li a.transport:hover
						{
							background-image:		url(/sjablonen/1/images/footer/transport_on.jpg);
						}
						
					#bottomContainer  div ul li a.process
					{
						background-image:		url(/sjablonen/1/images/footer/process_off.jpg);
						background-repeat:		no-repeat;
					}
		
						#bottomContainer  div ul li a.process:hover
						{
							background-image:		url(/sjablonen/1/images/footer/process_on.jpg);
						}	
						
						
					#bottomContainer  div ul li a.organise
					{
						background-image:		url(/sjablonen/1/images/footer/organise_off.jpg);
						background-repeat:		no-repeat;
					}
		
						#bottomContainer  div ul li a.organise:hover
						{
							background-image:		url(/sjablonen/1/images/footer/organise_on.jpg);
						}	
	
	
	#footerContainer
	{
		width:					950px;
		margin:					0px auto;
				
		font-size:				0.8em;
		color:					#fff;
	
		text-align:				center;
	}
	
		#footer
		{
			float:				left;
			width:				950px;
			margin:				4px 0 0 0;
			padding:			0 0 10px 0;
		}
	
	
#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;
}
		
	/*********************************************************************************************/
	/* =paging  							                                      				 		   */
	/********************************************************************************************/
	#containerPaging
	{
		clear:					both;
		float:					left;
		
		width:					100%;

		margin:					0;
		padding:				0px 0 13px 0;
		
		background-image:		url(/sjablonen/2/images/general/content_hr.gif);
		background-position:	top left;
		background-repeat:		no-repeat;
	}
	
	#containerPaging .hide
	{
	
	}
	
	body #containerPaging ul
	{
		clear:					both;
		margin:					0;
		padding:				0;
	}
	
		body #containerPaging ul li
		{
			float:					left;
			display:				inline;
			
			padding:				0;
			margin:					0 7px 7px 0;
			
			background-image:		none;			
		}
		
		#containerPaging ul li p
		{
			padding:				3px 14px 4px 2px;
		}
		
			#containerPaging ul li p strong
			{
				font-weight: 			bold;
			}
		
			body #containerPaging ul li a
			{
				display:				block;
				
				width:					20px;
				padding:				2px 2px 4px 2px;
	
				color:					#1f7cbd; /* =2 */
				text-align:				center;
				
				background-color:		#b2beff;	/* =6 */
				
				border:					1px solid #1f7cbd; /* =2 */
			}
			*>#containerPaging ul li a
			{
				min-width:				20px;
				width:					auto;
			}
			
			body #containerPaging ul .selectedPageNumber 
			{
				width:					20px;
				min-width:				20px;
				padding:				2px 2px 4px 2px;
	
				color:					#1f7cbd; /* =2 */
				text-align:				center;
				
				font-size:				1.36em;	/* 15px */
				font-weight:			bold;
				
				background-color:		#fff; /* =1 */
				
				border:					1px solid #fff; /* =1 */
			}
			*>body #containerPaging ul .selectedPageNumber 
			{
				min-width:				20px;
				width:					auto;
			}
			
				body #containerPaging ul li a:hover
				{
					color:					#fff;
					text-decoration:		none;
					
					background-color:		#1f7cbd;	/* =2 */
					
					border:					1px solid #173d7e;	/* =2 */
				}	
		
}


/*************************************************************************************************/
/* PRINT styles			                                              									 */
/*************************************************************************************************/
@media print
{
	#path, #flashContainer, #limenu, ul#rightSidebar, #bottomContainer, #footerContainer
	{
		display:			none;
	}
	
	#content
	{
		font-size:			0.8em;
	}
	
}

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