/*************************************************************************************************/
/* Author:		VINCIS / Rinse Stellingwerf	                                                 	 */
/* Description:	Stylesheet for Sjabloon 1 (Home)	                                             */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* GENERAL                                                                       			 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				.7em;
		letter-spacing: 		.0em;
		color:					#5F6071;
		
		line-height:			160%;
	
		background-position: 	top;
		background-repeat: 		repeat-x;
		background-image: 		url('/sjablonen/1/images/general/background.gif'); 
		background-color:		#FFFFFF;
	}

	h1 
	{
		clear: 					none;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.3em;
		font-weight:			bold;
		line-height:			100%;
	}
	
	h2 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.2em;
		font-weight:			bold;
		line-height:			100%;
	}

	h3 
	{
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		font-weight:			bold;
		line-height:			100%;
	}
	
	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 
	{
		color:					#504795;
		font-weight:			bold;
		text-decoration:		none;
	}
	
	a:hover 
	{
		color:					#504795;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	ul 
	{
		list-style-type: 		square;
	}
		
	hr 
	{
		background-color:		#504795;
		color: 					#504795;
		height:					1px;
		width:					100%;
		border:					none;
	}	
		
	.cm_input
	{	
		height:					15px;		
		color:					#000000;
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		
		background-color:		#FFFFFF;
		border:					1pt solid #504795;		
	}
	
	.cm_select
	{			
		height:					17px;		
		color:					#000000;
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		
		background-color:		#FFFFFF;
		border:					1pt solid #504795;
	}
	
	.cm_textarea
	{		
		color:					#000000;
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		overflow-y:				auto;
		
		background-color:		#FFFFFF;
		border:					solid 1px #504795;
	}
	
	.cm_radio
	{
		width:					15px;
		height:					15px;
		margin-right:			5px;
		font-size:				0.8em;
	}
	
	.cm_button
	{
		height:					16px;
		margin-right:			5px;
		
		font-size:				0.8em;
		font-weight:			bold;
		color:					#ffffff;
	
		background-color:		#5F6071;
		border:					solid 1px #504795;
	}
	
	.ezMenuParent
	{
		width:					95px;		
		height:					26px; 

		font-size:				8pt;
		font-weight:			bold;
		cursor:					default;
		
		padding:				4px 2px 0px 2px;
		margin:					0px 0px 0px 0px;
				
		text-align:				center;
	}
		
	.ezMenuChild
	{
		width:					190px;		
		height:					20px; 

		font-size:				8pt;
		cursor:					pointer;	
		
		padding:				0px 4px 0px 4px;
		margin:					0px 0px 0px 0px;
				
		text-align:				left;
		border-left:			solid 1px #FFFFFF;			
		border-bottom:			solid 1px #FFFFFF;
		
		overflow-x:				hidden;		
	}
		
	.ezMenuBorderLeft
	{
		border-left:			solid 1px #FFFFFF;
	}
	
	.ezMenuAuto
	{
		width:					auto;
		
		padding:				4px 8px 0px 8px;
		margin:					0px 0px 0px 0px;
	}
	
	.ezMenuExtraPadding
	{
		padding:				4px 10px 0px 10px;
		margin:					0px 0px 0px 0px;
	}
	
	.ezMenuSelected
	{
		background-color:		#FFFFFF;
		color:					#000000;
	}	
	
	/*********************************************************************************************/
	/* CONTAINERS		                                                                         */
	/*********************************************************************************************/	
	.containerInvisible
	{
		display:				none;
	}
	
	#containerTotal 
	{
		position: 				relative;
		
		left: 					50%;
		width: 					770px;
		height:					100%;
		
		padding:				0px 0px 0px 116px;
		margin:					0px 0px 0px -385px;
	}	
	
	#containerLogo 
	{
		width:					557px;
		height:					140px;
				
		background-position:	12px 2px;		
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/logo.gif'); 
		background-color:		#504795;
	}
	
	#containerMenuImages 
	{
		position:				relative;
		float:					left;
						
		width:					300px;
		height:					350px;		
		z-index:				0;
	}
	
	#containerContent 
	{
		position:				relative;
		float:					left;
				
		width:					230px;
		height:					330px;	
		
		padding:				10px 10px 10px 10px;
		margin:					0px 0px 0px 0px;
		
		overflow-y:				hidden;	 					
	}
		
	#containerAdres 
	{		
		position:				relative;		
		float:					left;
			
		width:					277px;		
		height:					50px;
		
		padding:				10px 10px 10px 10px;
		margin:					0px 0px 0px 0px;
		
		background-color:		#EEEEEF;						
	}
	*>#containerAdres 
	{
		min-height:				50px;	
		height:					auto;
	}
	
	#containerSlogan
	{
		position:				relative;
		float:					left;
		
		width:					230px;
		height:					100px;
		
		
		background-position:	40px 20px; 
		/*background-position:	5px 2px; */		
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/1/images/general/slogan.gif');
		/*background-image: 		url('/sjablonen/1/images/general/banner.gif'); */
	}
	
		
	/*********************************************************************************************/
	/* SIFR	                                                                         			 */
	/*********************************************************************************************/
	.sIFR-flash
	{
		visibility:				visible !important;
		line-height:			100%;
		margin:					0;
	}
	
	.sIFR-replaced
	{
		visibility:				visible !important;
		line-height:			100%;
	}
	
	span.sIFR-alternate
	{
		position:				absolute;
		left:					0;
		top:					0;
		width:					0;
		height:					0;
		display:				block;
		overflow:				hidden;
		line-height:			100%;
	}

	.sIFR-hasFlash h1
	{
		font-size:				17px;
		letter-spacing:			-2px;
		
		visibility:				hidden;
		line-height:			100%;
		
		height:					17px;
		
		padding:				0px 0px 0px 0px;
		margin: 				0px 0px 0px 0px;  
	}
}

/*************************************************************************************************/
/* PRINT SETTINGS                                              									 */
/*************************************************************************************************/
@media print
{
}

/*************************************************************************************************/
/* HANDHELD SETTINGS                                          									 */
/*************************************************************************************************/
@media handheld 
{
	.containerInvisible
	{
		width:					100%;
		text-align:				right;
	}

	#containerTotal
	{
		font-family: 			Verdana, Arial, Helvetica;
	}
}