/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 1 (home)	                                         */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					0;		
		
		color:					#282828;
		font-family: 			trebuchet MS, verdana, arial, sans-serif;
		font-size:				1.0em;
		line-height:			170%;
		
		color:					#000000;
		background-color:		#ffffff;		
	}

	img 
	{
		border: 				none;
		
		padding:				0;
		margin:					0;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a 
	{		
		font-weight:			bold;				
		text-decoration:		none;
		
		color:					#cb0074;
	}
	
	a:hover 
	{
		text-decoration:		underline;
		color:					#cb0074;
	}
	
	
	div.floatCloser
	{
		clear:					both;
	}


	h1
	{
		margin:					0;
		padding:				0;

				
		font-size:				1.5em;
		line-height:			170%;
					
		color:					#000000;
	}
	
	h2 
	{
		margin:					0;
		padding:				0;
		
		font-size:				1.3em;
		line-height:			170%;
					
		color:					#000000;		
	}
	
	h3 
	{

		margin:					0;
		padding:				0;
			
		font-size:				1.1em;
		line-height:			170%;
			
		color:					#000000;				
	}
	
	.invisible
	{
		display:				none;
	}
	
	
	.grey
	{
			font-size:				1em;	
	}
	
	.blue
	{
			font-size:				1.2em;	
			color:					#000046;
	}
	
	/*********************************************************************************************/
	/* Classes (uit CastManage-editor)                                                              			 */
	/*********************************************************************************************/


	.zwart
	{
		color:				#000000;
	}

	.blauw
	{
		color:				#000046;
	}
	
	.roze
	{
		color:				#cb0074;
	}	

	.groen
	{
		color:				#cbff00;
	}
	
	.lichtblauw
	{
		color:				#009dff;
	}
	
	p
	{

		font-size:				1.0em;
		margin:					0;
		padding:				0;
	}

	
	/*********************************************************************************************/
	/* Classes (general)                                                              			 */
	/*********************************************************************************************/	
	.containerInvisible
	{
		display:				none;
	}
	
	.inputText
	{		
		width:					100px;
		
		font-family: 			Tahoma, Verdana;
		font-size:				7pt;
				
		color:					#898989;
		border:					solid 1px #898989;		
	}
	
	.floatLeft
	{
		float:					left;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	.greyLink
	{	
		font-weight:			normal;
		
		color:					#949494;		
	}
	
	.moduleSelect
	{
		font-size:				.8em;
		font-weight:			bold;
		
		color:					#80777E;
	}

	.moduleSelect a
	{
		color:					#80777E;
	}	
	
	/*********************************************************************************************/
	/* Classes (used for cleanHTML, clean_html.xsl)                                              */
	/*********************************************************************************************/
	table.border1, table.border2, table.border3
	{
		border-top:				1px solid #CCCCCC;
		border-right:			1px solid #CCCCCC;
	}
	
	table.border1
	{
		border-width:			1px;
	}
	
	table.border2
	{
		border-width:			2px;
	}
	
	table.border3
	{
		border-width:			3px;
	}
	
	td.border1, td.border2, td.border3
	{
		border-bottom:			1px solid #CCCCCC;
		border-left:			1px solid #CCCCCC;
	}
	
	td.border1
	{
		border-width:			1px;
	}
	
	td.border2
	{
		border-width:			2px;
	}
	
	td.border3
	{
		border-width:			3px;
	}

	.ial, .floatLeft
	{
		float:					left;
	}
	
	.iar, .floatRight
	{
		float:					right;
	}
	
	.highlight
	{
		background-color:		#AE83BB;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (shortcuts, menu & doormats)                                         */
	/*********************************************************************************************/
	#printHeader, #printCloser
	{
		display:			none;
	}
	
	
	
	#containerTotal 
	{
		position: 				relative;
				
		width: 					950px;
		height:					619px;
						
		padding:				0;
		margin:					5px auto;		
	
		background-image:		url('/sjablonen/1/images/general/background.png');
		background-repeat:		no-repeat;
		background-color:		#ffffff;	
		
		border-top:				1px solid #cccccc;
	}		
	*>#containerTotal
	{
		min-height:				619px;	
		height:					auto;
	}
	
		#containerTop 
		{
			position: 				relative;
					
			width: 					950px;
			height:					51px;
			
			z-index:				10;
							
			border-bottom:			7px solid #cb0074;
		}
		
			#containerLogo
			{
				position: 				relative;
				float:					left;
				
				width: 					249px;
				height:					42px;
				
				padding:				9px 0px 0px 20px;
			}
		
			#containerMenu
			{
				position: 				relative;
				float:					left;
						
				z-index:				10;
			
				width: 					681px;
				height:					39px;
				
				padding-top:			12px;
			}
		
		
		#containerTopUnder 
		{
			position: 				relative;
			
			z-index:				8;
					
			width: 					950px;
			height:					40px;
		}
		
		
			#containerPayoff
			{
				position: 				relative;
				float:					left;
						
				width: 					269px;
				height:					40px;
				
								
				background-image:		url('/sjablonen/1/images/general/pay-off.gif');
				background-repeat:		no-repeat;
				background-position:	20px 12px;
			}
			
			#containerResellerSearch
			{
				position: 				relative;
				float:					right;
						
				width: 					236px;
				height:					31px;
								
				margin:					9px 0 0 80px;
			}
			
				#containerSearchTitle
				{
					position: 				relative;
					display:				block;
					float:					left;
									
					width: 					auto;
					height:					14px;
					
					color:					#b2b2b2;
					font-weight:			bold;
					
					padding:				0px 0px 0px 0px;
					margin:					0px 0px 0px 0px;
				}
				
				
				#containerSearchField
				{
					position: 				relative;
					display:				inline;
					float:					left;
									
					width: 					82px;
					height:					14px;
					padding:				0;
					margin-left:			3px;
									
					border:					1px solid #cccccc;
				}

			
				.searchfield
				{
					position: 				relative;
					display:				block;
					float:					left;
					
					width:					70px;
					
					color:					#b2b2b2;
					
					font-family:			Verdana, Arial, Tahoma;
					font-size:				0.9em;
					font-weight:			normal;
																	
					padding:				0px 0px 0px 0px;
					margin:					0px 0px 0px 2px;
																	
					border:					0px solid #000000;				
				}
				*>.searchfield
				{
					padding:				0px 0px 0px 2px;
				}
				
			
				#containerSearchButton
				{
					position: 				relative;
					display:				block;
					float:					left;
								
					width: 					33px;
					height:					14px;
					margin:					0px 0px 0px 5px;
								
					cursor:					pointer;
				}
				
		#containerContent 
		{
			position: 				relative;
					
			width: 					950px;
			height:					495px;
			
			z-index:				3;
			
			font-size:				1.1em;
		}
		
		*>#containerContent
		{
			min-height:				495px;
			height:					auto;
		}
		
			#containerLeft
			{
				position: 				relative;
				float:					left;
				display:				inline;
						
				width: 					229px;
				height:					495px;
				
				z-index:				4;
						
				margin:					0 20px 0 18px;
			}
			
			*>#containerLeft
			{
				min-height:				495px;
				margin:					0 20px 0 20px;
				height:					auto;
			}
			
			
				#containerLeftMenu
				{
					position: 				relative;
					/* float:					left; */
					
					width: 					229px;
					height:					160px;
					
					z-index:				4;
					
					font-size:				1.1em;
				}
				
				*>#containerLeftMenu
				{
					min-height:				160px;
					height:					auto;
				}
			
			
			/*********************************************************************************************/
			/* Banners													                                 */
			/*********************************************************************************************/
			
				#containerBanner
				{
					position: 				relative;
					float:					left;
							
					width: 					229px;
					height:					85px;
					
					z-index:				4;
					
					margin:					50px 0px 0px 0px;		
				}
				
				*>#containerBanner
				{
					min-height:				85px;
					height:					auto;
				}
		
			/*********************************************************************************************/
			
			#containerMiddle
			{
				position: 				relative;
				float:					left;
				width: 					681px;
				height:					495px;
				z-index:				4;
			}
			
			*>#containerMiddle
			{
				min-height:				495px;
				height:					auto;
			}
			
				#containerText
				{
					position: 				relative;
					float:					left;

					height:					425px;
					z-index:				4;
					line-height:			170%;	
					padding:				0px 25px 40px 10px;
				}
				*>#containerText
				{
					min-height:				425px;
					height:					auto;
				}
				
				
				#containerText ul
				{
					padding:				0;
					margin:					0;
					
					list-style-type:		none;
				}
				
					#containerText ul li
					{
						list-style-type:		none;
						background-image:  		url(/sjablonen/1/images/general/bullet.gif);
						background-repeat:		no-repeat;
						background-position:	1px 8px;
						padding:				0 0 0 14px;
					}
				
			
				
				#containerText.alternativeWidth
				{
					width:					399px;
				}
			
					#containerTitle
					{
						position: 				relative;
						color:					#000046;
						padding:				0px 0px 7px 0px;
					}
				
				
			
			#containerRight
			{
				position: 				relative;
				float:					right;
				width: 					237px;
				padding-right:			10px;
				z-index:				4;
				font-size:				1.1em;
			}

				#containerMeta
				{
					position: 				relative;
					float:					left;
					width: 					237px;
					height:					250px;
					z-index:				4;
					font-size:				1.1em;
				}
				
				*>#containerMeta
				{
					min-height:				250px;
					height:					auto;
				}
				
				
					#containerMetaTop
					{
						position: 				relative;
						float:					left;
						width: 					224px;
						height:					20px;
						z-index:				5;
						background-image:		url('/sjablonen/1/images/general/metaTop.png');
						background-repeat:		no-repeat;
					}
					
					#containerMetaContent
					{
						position: 				relative;
						float:					left;
						width: 					224px;
						height:					40px;
						z-index:				5;
						background-image:		url('/sjablonen/1/images/general/metaContent.png');
						background-repeat:		repeat-y;
					}
					*>#containerMetaContent
					{
						min-height:				40px;
						height:					auto;
					}
					
					
						#containerMeta h2
						{
							position: 				relative;
							float:					left;
							display:				block;
							height:					16px;
							font-size:				0.9em;
							margin:					0px 0px 0px 7px;
							
						}
						*>#containerMeta h2
						{
							margin:					0px 0px 0px 13px;
						}
				
												
						#containerMetaContent ul
						{
							position: 				relative;
							float:					left;
							display:				block;
							width:					214px;							
							list-style:				none;
							margin:					0px 10px 20px 0px;
							padding:				0px 0px 0px 0px;
							
							 
     						overflow-X:             hidden; 
     						text-overflow:          ellipsis; 
    
						}
						
						#containerMetaContent ul li
						{
							margin:					0px 0px 0px 13px;
							padding:				0px 0px 0px 0px;
							font-size:				0.8em;
						}
						
						
						
						
						#containerMetaContent ul li a
						{
							font-weight:			normal;
							padding:				0px 0px 0px 22px;
							background-image:		url('/sjablonen/1/images/doctypes/webpage.gif');;
							background-repeat:		no-repeat;	
							background-position:	0px 0px;
						}
						
							#containerMetaContent ul li.pdf a
							{
								background-image:		url('/sjablonen/1/images/doctypes/pdf.gif');
								background-repeat:		no-repeat;	
								background-position:	0px 0px;
							}
						
							#containerMetaContent ul li.doc a
							{
								background-image:		url('/sjablonen/1/images/doctypes/doc.gif');
								background-repeat:		no-repeat;	
								background-position:	0px 0px;
							}
							
							#containerMetaContent ul li.xls a
							{
								background-image:		url('/sjablonen/1/images/doctypes/xls.gif');
								background-repeat:		no-repeat;	
								background-position:	0px 0px;
							}
							
							#containerMetaContent ul li.ppt a
							{
								background-image:		url('/sjablonen/1/images/doctypes/ppt.gif');
								background-repeat:		no-repeat;	
								background-position:	0px 0px;
							}
						
						
						#containerContact ul li a
						{
							background-image:		none;
							padding:				0px 0px 0px 0px;
						}	
						
					#containerMetaBottom
					{
						position: 				relative;
						float:					left;
						width: 					224px;
						height:					20px;
						z-index:				5;
						background-image:		url('/sjablonen/1/images/general/metaBottom.png');
						background-repeat:		no-repeat;
					}
			
		
				
			#containerPrintAndSend
			{
				position: 				relative;
				z-index:				4;
				clear:					both;
				width: 					666px;
				height:					30px;
				margin:					0px 0px 0px 15px;
				
				font-size:				0.9em;
				color:					#999999;
			}
			
			
				div.mail
				{
					position:				relative;
					display:				block;
					float:					left;
		
					height:					30px;
					padding:				0px 20px 0px 15px;
					margin:					1px 0px 0px 0px;
					
			
					background-image:		url('/sjablonen/1/images/general/mail.gif');
					background-position:	0px 4px;
					background-repeat:		no-repeat;

				}
				
				div.print
				{
					position:				relative;
					display:				block;
					float:					left;
					
					height:					29px;
		
					padding:				0px 20px 0px 15px;
					margin:					1px 0px 0px 0px;
					
					background-image:		url('/sjablonen/1/images/general/print.gif');
					background-position:	0px 5px;
					background-repeat:		no-repeat;
				}
					
					div.mail a, div.print a
					{
						color:					#999999;
						text-decoration:		none;
						font-weight:			normal;
					}
					
					div.mail a:hover, div.print a:hover
					{
						color:					#999999;
						text-decoration:		underline;
						font-weight:			normal;
					}
			
			
				#containerBalls
				{
					position: 				relative;
					float:					right;
					
									
					width: 					237px;
					height:					30px;
					
					z-index:				5;
									
					background-image:		url('/sjablonen/1/images/general/balls.gif');
					background-repeat:		no-repeat;	
					background-position:	161px 5px;
				}
				*>#containerBalls
				{
					background-position:	151px 3px;
				}
			
			
			
		
	
	
		#containerBottom
		{
			position: 				relative;
			float:					left;
					
			width: 					950px;
			height:					26px;
			
			color:					#999999;
			
			z-index:				4;
			
			border-top:				1px solid #999999;	
		}
		
			#containerCopyright
			{
				position: 				relative;
				float:					left;
						
				width: 					249px;
				height:					24px;
				
				padding:				3px 0px 0px 20px;
			}
			
			
			#containerQuickLinks
			{
				position: 				relative;
				float:					right;
						
				width: 					157px;
				height:					24px;
		
				padding:				3px 0px 0px 0px;
			}
				#containerQuickLinks a
				{
					color:					#999999;	
					font-weight:			normal;				
					text-decoration:		none;
				}
	
					#containerQuickLinks a:hover
					{
						text-decoration:		underline;
					}
	



	/*** SIFR SETTINGS ***************************************************************************/
	.sIFR-flash
	{
		visibility:				visible !important;
		margin:					0;
	}
		
	.sIFR-replaced
	{
		visibility:				visible !important;
		
	}
		
	span.sIFR-alternate
	{
		position:				absolute;
		left:					0;
		top:					0;
		width:					0;
		height:					0;
		display:				block;
		overflow:				hidden;
	}

	.sIFR-hasFlash h1.blue, .sIFR-hasFlash h1.green, .sIFR-hasFlash h1.grey, .sIFR-hasFlash h1.white
	{
		clear:					both;
		visibility:				hidden;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;

		font-size:				16px;
		line-height:			17px;
		
		letter-spacing:			-1px;
		
	}
	.sIFR-hasFlash h1.blue
	{
		font-size:				10px;	
	}
	
	
	
	.sIFR-hasFlash #adxmenu ul li span.adxmenu_submenu_1
	{
		position:				absolute;
		visibility:				hidden;
		width:					auto;
		
		padding:				0px 0px 0px 10px;
		margin:					6px 0px 0px 0px;
		font-size:				1.0em;
		line-height:			13px;
		
		letter-spacing:			-2px;
	}


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

	#containerTop,#containerTopUnder,#containerFlash,#containerBanner,#containerLeft,#containerPhotos,#containerBottom,#containerBalls,#containerPrintAndSend 
	{
		display:	none;
	}

	.invisible
	{
		display:	none;
	}
	

	#printHeader
	{
		margin-right:			80px;	
	}


	#containerTitle
	{
		width:				595px;
		
		color:				#000046;
		height:				20px;	
	}
		

	#containerText
	{
		width:					595px;
		
		font-family: 			trebuchet MS, verdana, arial, sans-serif;
		font-size:				1.1em;
		
		font-weight:			normal;
		
		line-height:			170%;	
	}
	
	#containerText a
	{
		color:				#ff00ff;				
	}


	#printCloser
	{
		margin-top:			30px;
		margin-right:		80px;	
	}	

	/*********************************************************************************************/
	/* siFR settings (print)                                                                     */
	/*********************************************************************************************/

	.sIFR-flash
	{
		display:				none;
	}	


	

}

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