/*************************************************************************************************/
/* FILENAME				: basic.css                                                              */
/* AUTHOR				: R. Rispens                                                             */
/* LAST CHANGE			: 10-09-2005                                                             */
/* DESCRIPTION			: Basic stylesheet for NVvW                                              */
/*************************************************************************************************/

/*************************************************************************************************/
/* STYLESHEET FOR PRINTING */
/*************************************************************************************************/
@media print
{
	body
	{
		font-family: 				verdana, arial, helvetica;
		font-size:					.7em;
		line-height:				140%;
	}


	form
	{
		margin:						0px 0px 0px 0px;
	}
	
	img
	{
		border: 					none;
	}
	
	input
	{
		font-size:					1em;
	}
	
	textarea
	{
		font-family: 				arial, helvetica;
		font-size:					1em;
	}
	
	select
	{
		font-size:					1em;
	}
	
	.invisible
	{
		display:					none;
	}
	
	p
	{
		margin:						0px 0px 0px 0px;
		padding:					0px 0px 0px 0px;
	}


	#containerTotalShadow
	{
		position: 						relative;
		display:						block;

		width: 							100%;
		min-height:						100%;
		height:							100%;
		padding:						0px 0px 0px 0px;
		margin:							0px 0px 0px 0px;
	}
	*>#containerTotalShadow
	{ 
		height:							auto; 
	}

	#containerPrint
	{
		position:						relative;
		display:						block;
		
		width:							100%;
	}

		#containerPrintLogo
		{
			position:								relative;
			float:									left;
			
			width:									200px;
			height:									125px;
		}
		
		#containerPrintInformation
		{
			position:					relative;
			float:						right;
		}

	#containerTotal
	{
		position: 					relative;
		display:						block;
		
		padding:						0px 0px 0px 0px;
		margin:							0px 0px 0px 0px;
	}
	
	#containerContent
	{
		clear:							both;
	}

		#containerContent h1
		{
			padding:						0px 0px 15px 0px;
			margin:							0px 0px 0px 0px;
			
			font-family:				helvetica;
			font-size:					1.5em;
			font-weight:				bold;
			color:							#147E10;
		}

		#containerContent h2
		{
			padding:						5px 0px 5px 0px;
			margin:							0px 0px 0px 0px;
			
			color:							#147E10;
			font-family:				helvetica;
			font-size:					1.2em;
			font-weight:				bold;
			
			border-bottom:			1px dashed #147E10;
		}
		
		
		#containerContent h3
		{
			padding:						5px 0px 5px 0px;
			margin:							0px 0px 0px 0px;
			
			color:							#147E10;
			font-family:				helvetica;
			font-size:					1.0em;
			font-weight:				bold;
		}
		
		#containerContent h4
		{
			padding:						5px 0px 5px 0px;
			margin:							0px 0px 0px 0px;
			
			color:							#FF2324;
			font-family:				helvetica;
			font-size:					1.0em;
			font-weight:				bold;
		}
		
		#containerContent h5
		{
			padding:						5px 0px 5px 0px;
			margin:							0px 0px 0px 0px;
			
			color:							#147E10;
			font-family:				helvetica;
			font-size:					1.0em;
			font-weight:				bold;
		}
		
		#containerContent h6
		{
			padding:						5px 0px 5px 0px;
			margin:							0px 0px 0px 0px;
			
			color:							#147E10;
			font-family:				helvetica;
			font-size:					1.0em;
			font-weight:				bold;
		}
		
		#containerContent a
		{
			color:						#147E10;
		}

	#top, #containerLogo, #containerShortcuts, #containerDynamic, #ruler1, #ruler2, #containerLeft, #containerRight, #containerPath
	{
		display:					none;
	}
}

/*************************************************************************************************/
/* STYLESHEET FOR SCREEN */
/*************************************************************************************************/
@media screen
{
	/*** GENERAL SETTINGS ************************************************************************/
	body
	{
		width:						100%;
		height:						100%;
		margin:						0px 0px 0px 0px;
		padding:					0px 0px 0px 0px;
	
		font-family: 				verdana, arial, helvetica;
		font-size:					.7em;
		line-height:				140%;

		background-color:			#ecf7eb; /* #888888; */
	}
	
	form
	{
		margin:						0px 0px 0px 0px;
	}
	
	img
	{
		border: 					none;
	}
	
	input
	{
		font-size:					1em;
	}
	
	textarea
	{
		font-family: 				arial, helvetica;
		font-size:					1em;
	}
	
	select
	{
		font-size:					1em;
	}
	
	.invisible
	{
		display:					none;
	}
	
	p
	{
		margin:						0px 0px 0px 0px;
		padding:					0px 0px 0px 0px;
	}
	/*********************************************************************************************/

	/*** CONTAINERS ******************************************************************************/
	#containerTotalShadow
	{
		position: 					relative;
		display:					block;

		width: 						100%;
		min-height:					100%;
		height:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
	}
	*>#containerTotalShadow
	{ 
		height:						auto; 
	}
	
	#containerTotal
	{
		position: 					relative;
		display:					block;
		
		left:						50%;
		width: 						970px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px -485px;

		border-left:				1px solid #595959;
		border-right:				1px solid #595959;
		
		background-color:			#FFFFFF;
	}
	
	#containerShortcuts
	{
		position:					relative;
		display:					block;

		width:						100%;
		height:						20px;
		min-height:					20px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		background-color:			#FFFFFF;
	}
	*>#containerShortcuts
	{ 
		height:						auto; 
	}
	
	#containerDynamic
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		height:						125px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		background-repeat:			no-repeat;
		background-image:			url('/template/1/images/dynamic/frontpage/top.jpg');
	}
	
	#containerLogo
	{
		position:					relative;
		display:					block;
		
		width:						200px;
		height:						125px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		background-position: 		0px 0px;
		background-repeat: 			no-repeat;
		background-image: 			url('/template/1/images/general/logo.gif');
	}
	
	
	#containerPrint
	{
		position:						relative;
		display:						none;
		
		width:							100%;
	}

	
	div.containerRuler
	{
		position:					relative;
		display:						block;
		
		width:						100%;
		height:						5px;
		padding:						0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		font-size:					1px;
		
		border-top:					1px solid #FFFFFF;
		border-bottom:				1px solid #FFFFFF;
		
		background-color:			#147E10;
	}
	
	#containerLeft
	{
		position:					relative;
		display:					block;
		float:						left;

		width:						200px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		border-right:				1px solid #FFFFFF;
	}
	
	#containerCenter
	{
		position:					relative;
		display:					block;
		float:						left;

		width:						598px;
		height:						390px;
		min-height:					390px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
	}
	*>#containerCenter
	{ 
		height:						auto; 
	}

	#containerRight
	{
		position:					relative;
		display:					block;
		float:						left;
		
		width:						170px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		border-left:				1px solid #FFFFFF;
	}
	
	
	#containerMenu
	{
		position:					relative;
		display:					block;
		overflow:				hidden;
		
		width:						200px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
	}
	
	#containerPath
	{
		position:					relative;
		display:					block;
		overflow:				hidden;
		
		width:						588px;
		padding:					5px;
		margin:						0;
		
		font-size:					0.8em;
	}
	
	#top
	{
		position: 					relative;
		display:					block;
		
		left:						50%;
		width: 						972px;
		height:						10px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px -486px;

		border-bottom:				1px solid #595959;

		background-color:			#ecf7eb;
	}
	
	#containerContent
	{
		position:					relative;
		display:					block;
		overflow:					hidden;
		width:						588px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
	}
	
	#foot
	{
		position: 					relative;
		display:					block;
		clear:						both;
		
		left:						50%;
		width: 						972px;
		height:						10px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px -486px;

		border-top:					5px solid #595959;

		background-color:			#ecf7eb;
	}
	
	#containerSearch
	{
		position:					relative;
		display:					block;
		
		width:						160px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		border-bottom:				1px solid #FFFFFF;
		
		background-color:			#CEEBCE;
	}
	
	#containerTools
	{
		position:					relative;
		display:					block;
		
		width:						160px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		border-bottom:				1px solid #FFFFFF;
		
		background-color:			#E0F2E0;
	}
	
	#containerRelevant
	{
		position:					relative;
		display:					block;
		
		width:						160px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		border-bottom:				1px solid #FFFFFF;
		
		background-color:			#ECF7EB;
	}
	
	#containerContact
	{
		position:					relative;
		display:					block;
		
		width:						160px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		border-bottom:				1px solid #FFFFFF;
		
		background-color:			#F6FBF6;
	}

	/*********************************************************************************************/
	
	/*** SHORTCUT SETTINGS ***********************************************************************/
	#containerShortcuts ul
	{
		width:						100%;
		padding:						0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}
	
	#containerShortcuts ul li
	{
		float:						left;
		
		padding:						1px 10px 0px 10px;
		margin:						0px 0px 0px 0px;
		
		font-size:					0.9em;
		color:						#666666;
		text-decoration:			none;
	}
	
	#containerShortcuts ul li a
	{
		color:						#666666;
		text-decoration:			none;
	}
	
	#containerShortcuts ul li a:hover
	{
		color:						#666666;
		text-decoration:			underline;
	}
	
	#containerShortcuts ul li a.info
	{
		color:						#147E10;
		text-decoration:			none;
	}
	
	#containerShortcuts ul li a.info:hover
	{
		color:						#147E10;
		text-decoration:			underline;
	}
	/*********************************************************************************************/
	
	/*** MENU SETTINGS ***************************************************************************/
	#containerMenu div.title
	{
		display:					block;
		
		width:						190px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		font-weight:				bold;
		color:						#FFFFFF;

		border-bottom:				1px solid #FFFFFF;
		
		background-repeat:			no-repeat;
		background-position:		180px 10px;
		background-image:			url('/template/1/images/menu/arrow_down.gif');
		background-color:			#35962B;
	}

	#containerMenu ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}

	#containerMenu ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 15px;
		margin:						0px 0px 0px 0px;
		
		font-weight:				normal;
		
		border-bottom:				1px dashed #B6E5B6;
		
		background-repeat:			no-repeat;
		background-position:		5px 8px;
		background-image:			url('/template/1/images/menu/arrow1.gif');
		background-color:			#ECF7EB;
	}
	
	#containerMenu ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerMenu ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	
	#containerMenu ul li.selectedPath
	{
		background-color:			#FFFFFF;
		font-weight:				bold;
	}
	
	#containerMenu ul li.selected
	{
		font-weight:				bold;
	}


	#containerMenu ul li ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 15px;
		margin:						0px 0px 0px 0px;
		
		font-weight:				normal;
		
		border-bottom:				0px dashed #B6E5B6;
		
		background-repeat:			no-repeat;
		background-position:		5px 11px;
		background-image:			url('/template/1/images/menu/bullet.gif');
		background-color:			#FFFFFF;
	}
	
	#containerMenu ul li ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerMenu ul li ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	/*********************************************************************************************/
	
	
	/*** PATH SETTINGS ***************************************************************************/
	#containerPath a
	{
		text-decoration:			none;
		color:						#666666;
	}
	
	#containerPath a:hover
	{
		text-decoration:			underline;
		color:						#666666;
	}
	/*********************************************************************************************/
	
	/*** CONTENT SETTINGS ************************************************************************/
	#containerContent h1
	{
		padding:					0px 0px 15px 0px;
		margin:						0px 0px 0px 0px;
		
		font-family:				helvetica;
		font-size:					1.5em;
		font-weight:				bold;
		color:						#147E10;
	}
	
	#containerContent h2
	{
		padding:						5px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		color:						#147E10;
		font-family:				helvetica;
		font-size:					1.2em;
		font-weight:				bold;
		
		border-bottom:				1px dashed #147E10;
	}
	
	
	#containerContent h3
	{
		padding:						5px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		color:						#147E10;
		font-family:				helvetica;
		font-size:					1.0em;
		font-weight:				bold;
	}
	
	#containerContent h4
	{
		padding:						5px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		color:						#FF2324;
		font-family:				helvetica;
		font-size:					1.0em;
		font-weight:				bold;
	}
	
	#containerContent h5
	{
		padding:						5px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		color:						#147E10;
		font-family:				helvetica;
		font-size:					1.0em;
		font-weight:				bold;
	}
	
	#containerContent h6
	{
		padding:						5px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		color:						#147E10;
		font-family:				helvetica;
		font-size:					1.0em;
		font-weight:				bold;
	}
	
	#containerContent a
	{
		color:						#147E10;
	}
	
	#containerContent div.containerModule
	{
		position:				relative;
		display:					block;
		
		width:					100%;
		min-height:				100%;
		padding:					0px 0px 0px 0px;
		margin:					10px 0px 0px 0px;
		
		border-top:				1px dashed #147E10;
	}

	#containerContent span.hightlight
	{
		border-bottom:				1px solid #147E10;
		background-color:			#E0F2E0;
	}
	/*********************************************************************************************/

	/*** TOOLS SETTINGS **************************************************************************/
	#containerSearch h1
	{
		padding:						0px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		font-family:				helvetica;
		font-size:					1.3em;
		font-weight:				bold;
		color:						#147E10;
	}
	
	#containerSearch input.searchKeyword
	{
		width:						100px;
		height:						14px;
		
		border:						1px solid #147E10;
		
		
		background-color:			#FFFFFF;
	}
	
	#containerSearch ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:						0px 0px 0px 0px;
		margin:						5px 0px 0px 0px;
		
		list-style-type:			none;
	}

	#containerSearch ul li
	{
		display:						block;
		
		padding:						3px 0px 3px 25px;
		margin:						0px 0px 0px 0px;
	}

	#containerSearch ul li.search
	{
		background-repeat:		no-repeat;
		background-position:		5px 3px;
		background-image:			url('/template/1/images/general/bullet_search.gif');
	}
	
	#containerSearch ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerSearch ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	/*********************************************************************************************/

	/*** TOOLS SETTINGS **************************************************************************/
	#containerTools h1
	{
		padding:					0px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		font-family:				helvetica;
		font-size:					1.3em;
		font-weight:				bold;
		color:						#147E10;
	}
	
	#containerTools ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}

	#containerTools ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 25px;
		margin:						0px 0px 0px 0px;
	}

	#containerTools ul li.print
	{
		background-repeat:			no-repeat;
		background-position:		5px 3px;
		background-image:			url('/template/1/images/general/bullet_print.gif');
	}

	#containerTools ul li.mail
	{
		background-repeat:			no-repeat;
		background-position:		5px 4px;
		background-image:			url('/template/1/images/general/bullet_mail.gif');
	}

	#containerTools ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerTools ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	/*********************************************************************************************/

	/*** RELEVANT SETTINGS ***********************************************************************/
	#containerRelevant h1
	{
		padding:					0px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		font-family:				helvetica;
		font-size:					1.3em;
		font-weight:				bold;
		color:						#147E10;
	}
	
	#containerRelevant ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}
	
	#containerRelevant ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 25px;
		margin:						0px 0px 0px 0px;
		
		background-repeat:			no-repeat;
		background-position:		5px 4px;
		background-image:			url('/template/1/images/general/bullet_relevant.gif');
	}
	
	#containerRelevant ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerRelevant ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	/*********************************************************************************************/

	/*** CONTACT SETTINGS ************************************************************************/
	#containerContact h1
	{
		padding:					0px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		font-family:				helvetica;
		font-size:					1.3em;
		font-weight:				bold;
		color:						#147E10;
	}
	
	#containerContact ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}
	
	#containerContact ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 25px;
		margin:						0px 0px 0px 0px;
	}
	
	#containerContact ul li.user
	{
		background-repeat:			no-repeat;
		background-position:		5px 4px;
		background-image:			url('/template/1/images/general/bullet_user.gif');
	}
	
	#containerContact ul li.mail
	{
		background-repeat:			no-repeat;
		background-position:		5px 4px;
		background-image:			url('/template/1/images/general/bullet_usermail.gif');
	}
	
	#containerContact ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerContact ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	/*********************************************************************************************/
}