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

/*************************************************************************************************/
/* STYLESHEET FOR PRINTING */
/*************************************************************************************************/
@media print
{
}

/*************************************************************************************************/
/* 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;
	}
	
	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;
	}
	/*********************************************************************************************/

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

		width: 						100%;
		height:						100%;
		min-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;
	}
	
	
	#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;
	}
	
	
	#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;
	}

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

	}

	#containerRight
	{
		position:					relative;
		display:					block;
		float:						left;
		
		width:						769px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
	}

	#containerMenu
	{
		position:					relative;
		display:					block;
		
		width:						200px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
	}

	#containerNewsEvents
	{
		position:					relative;
		display:					block;
		float:						left;
		
		width:						384px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
	}
	
	#containerNews
	{
		position:					relative;
		display:					block;
		
		width:						374px;
		height:						220px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		border-bottom:				1px solid #FFFFFF;
		
		background-color:			#CEEBCE;
	}
	
	#containerEvents
	{
		position:					relative;
		display:					block;
		
		width:						374px;
		height:						220px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		background-color:			#E0F2E0;
	}
	
	#containerForaBanner
	{
		position:					relative;
		display:						block;
		float:						right;
		
		width:						384px;
		padding:						0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		border-left:				1px solid #FFFFFF;
	}
	
	#containerFora
	{
		position:					relative;
		display:					block;
		
		width:						374px;
		height:						220px;
		padding:					5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		border-bottom:				1px solid #FFFFFF;
		
		background-color:			#ECF7EB;
	}
	
	#containerBanner
	{
		position:					relative;
		display:						block;
		
		width:						374px;
		height:						220px;
		padding:						5px 5px 5px 5px;
		margin:						0px 0px 0px 0px;
		
		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;
	}
	/*********************************************************************************************/
	
	/*** LOGIN SETTINGS **************************************************************************/
	#containerLogin div.loginDescription
	{
		position:					relative;
		display:					block;
		
		width:						180px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		color:						#FFFFFF;
	}
	
	#containerLogin div.loginInput
	{
		position:					relative;
		display:					block;
		
		width:						180px;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		color:						#FFFFFF;
	}
	
	#containerLogin div.loginInput .login
	{
		width:						180px;
	}
	/*********************************************************************************************/
	
	/*** 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;
	}
	/*********************************************************************************************/
	
	
	/*** NEWS SETTINGS ***************************************************************************/
	#containerNews h1
	{
		padding:					0px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		font-size:					1.2em;
		font-family:				helvetica;
		color:						#147E10;
		
		border-bottom:				1px dashed #147E10;
	}
	
	#containerNews ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}
	
	#containerNews ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 15px;
		margin:						0px 0px 0px 0px;
		
		background-repeat:			no-repeat;
		background-position:		0px 6px;
		background-image:			url('/template/1/images/general/bullet_news.gif');
	}
	
	#containerMenu ul li.selectedPath
	{
		border-bottom:				0px dashed #147E10;
		
		background-repeat:			no-repeat;
		background-position:		5px 8px;
		background-image:			url('/template/1/images/menu/arrow1.gif');
		background-color:			#FFFFFF;
	}
	
	#containerMenu ul li.selected
	{
		border-bottom:				0px dashed #147E10;
		
		background-repeat:			no-repeat;
		background-position:		5px 8px;
		background-image:			url('/template/1/images/menu/arrow1.gif');
		background-color:			#FFFFFF;
	}
	
	#containerNews ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerNews ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	
	#containerNews ul li span.information
	{
		color:						#666666;
		font-family:				arial;
		font-size:					0.9em;
	}
	/*********************************************************************************************/
	
	
	
	/*** EVENT SETTINGS **************************************************************************/
	#containerEvents h1
	{
		padding:					0px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		font-size:					1.2em;
		font-family:				helvetica;
		color:						#147E10;
		
		border-bottom:				1px dashed #147E10;
	}
	
	#containerEvents ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}
	
	#containerEvents ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 15px;
		margin:						0px 0px 0px 0px;
		
		background-repeat:			no-repeat;
		background-position:		0px 7px;
		background-image:			url('/template/1/images/general/bullet_event.gif');
	}
	
	#containerEvents ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerEvents ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	
	#containerEvents ul li span.information
	{
		color:						#666666;
		font-family:				arial;
		font-size:					0.9em;
	}
	/*********************************************************************************************/
	
	/*** FORA SETTINGS ***************************************************************************/
	#containerFora h1
	{
		padding:					0px 0px 5px 0px;
		margin:						0px 0px 0px 0px;
		
		font-family:				helvetica;
		font-size:					1.2em;
		font-weight:				bold;
		color:						#147E10;
		
		border-bottom:				1px dashed #147E10;
	}
	
	#containerFora ul
	{
		position:					relative;
		display:					block;
		
		width:						100%;
		padding:					0px 0px 0px 0px;
		margin:						0px 0px 0px 0px;
		
		list-style-type:			none;
	}
	
	#containerFora ul li
	{
		display:					block;
		
		padding:					3px 0px 3px 15px;
		margin:						0px 0px 0px 0px;
		
		background-repeat:			no-repeat;
		background-position:		0px 7px;
		background-image:			url('/template/1/images/general/bullet_forum.gif');
	}
	
	#containerFora ul li a
	{
		text-decoration:			none;
		color:						#000000;
	}
	
	#containerFora ul li a:hover
	{
		text-decoration:			underline;
		color:						#000000;
	}
	
	#containerFora ul li span.information
	{
		color:						#666666;
		font-family:				arial;
		font-size:					0.9em;
	}
	/*********************************************************************************************/
	
	/*** Search SETTINGS ***************************************************************************/
	#containerSearch h1
	{
		padding:					0px 0px 5px 0px;
		margin:						0px 0px 10px 0px;
		
		font-family:				helvetica;
		font-size:					1.2em;
		font-weight:				bold;
		color:						#147E10;
		
		border-bottom:				1px dashed #147E10;
	}
	
	#containerSearch input.searchKeyword
	{
		width:						200px;
		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;
	}
	/*********************************************************************************************/
}