/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 1 (home)	                                         */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;		
		
		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:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	form 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	a 
	{		
		font-weight:			bold;				
		text-decoration:		none;
		
		color:					#cb0074;
	}
	
	a:hover 
	{
		text-decoration:		underline;
		color:					#cb0074;
	}
	
	h2 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-size:				1.1em;
		line-height:			100%;
					
		color:					#000000;		
	}
	
	h3 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 1px 0px;
		
		font-size:				1em;
		line-height:			100%;
			
		color:					#000000;				
	}
	
	.invisible
	{
		display:				none;
	}
	
	
	.grey
	{
			font-size:				1em;	
	}
	
	/*********************************************************************************************/
	/* 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
	{
		float:					left;
	}
	
	.iar
	{
		float:					right;
	}
	
	.highlight
	{
		background-color:		#AE83BB;
	}
	
	/*********************************************************************************************/
	/* Containers & classes (shortcuts, menu & doormats)                                         */
	/*********************************************************************************************/
	#printHeader, #printCloser
	{
		display:			none;
	}
	
	
	
	#containerTotal 
	{
		position: 				relative;
				
		width: 					950px;
		height:					619px;
						
		padding:				0px 0px 0px 0px;
		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:				12px 0px 0px 0px;
			}
		
		
		#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 0px 0px 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:				block;
					float:					left;
									
					width: 					82px;
					height:					14px;
					padding:				0px 0px 0px 0px;
					margin:					0px 0px 0px 1px;
									
					border:					1px solid #cccccc;
				}
				*>#containerSearchField
				{
					width: 					82px;	
					margin:					0px 0px 0px 3px;
				}
			
				.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;
				}
				*>#containerSearchButton
				{
					margin:					0px 0px 0px 5px;
				}
		
		
		
		#containerFlash 
		{
			position: 				relative;
					
			width: 					930px;
			height:					280px;
			
			z-index:				1;
							
			padding-left:			20px;	
			
		}
	
		#containerContent 
		{
			position: 				relative;
					
			width: 					950px;
			height:					185px;
			
			z-index:				4;
			
			font-size:				1.1em;
		}
		
			#containerBanner
			{
				position: 				relative;
				float:					left;
						
				width: 					249px;
				height:					176px;
				
				padding:				9px 0px 0px 20px;
			}
			
			
			#containerPhotos
			{
				position: 				relative;
				float:					left;
						
				width: 					434px;
				height:					176px;
				
				padding:				9px 0px 0px 10px;
			}
			
			.entrance
			{
				display:				block;
				float:					left;
				width:					131px;
				height:					176px;
				margin:					0 5px 0 5px;
				}
			
			#containerText
			{
				position: 				relative;
				float:					left;
						
				width: 					217px;
				height:					164px;
				
				padding:				9px 20px 12px 0px;
			}
		
		#containerBalls
		{
			position: 				relative;
					
			width: 					950px;
			height:					30px;
			
			z-index:				4;
							
			background-image:		url('/sjablonen/1/images/general/balls.gif');
			background-repeat:		no-repeat;	
			background-position:	864px 3px;
		}
	
	
		#containerBottom
		{
			position: 				relative;
					
			width: 					950px;
			height:					26px;
			
			z-index:				4;
			
			color:					#999999;
			
			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 #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,#containerPhotos,#containerBottom,#containerBalls 
	{
		display:	none;
	}



	#printHeader
	{
		margin-right:			80px;	
	}
	

	#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;	
	}
	

}

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