BODY
{
	PADDING-LEFT: 			200px;
}

/* header waarin het menu zit: */
DIV#header 
{
	LEFT:						200px;
}

/* rode, linker kolom */
DIV#left-sidebar
{
	WIDTH: 					200px;
}

/* General configuration CSS */
#dhtmlgoodies_menu ul li ul
{
	display:			none;	/* Needed to display ok in Opera */
}
		
#dhtmlgoodies_menu
{
	/* Menu object */
	visibility:		hidden;	
}


#dhtmlgoodies_menu ul
{
	margin:				0px;	/* No indent */
	padding:				0px;	/* No indent */
}

#dhtmlgoodies_menu li
{
	list-style-type:	none;	/* No bullets */
}	

#dhtmlgoodies_menu
{
	margin:				0px;
	padding:				0px;
}

/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul
	{
		border:					1px solid #000;
		background-color:		#FFF;
		padding:					1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1
	{	
		/* Menu bar - main menu items */
		border:					0px;
		padding:					1px;
		background-color:		orange;
		overflow:				visible;
		top:						25px;
	}
	
	#dhtmlgoodies_menu ul.menuBlock2
	{
		/* Menu bar - main menu items */
		border:					0px;
		padding:					1px;
		border:					1px solid darkblue;			
	}

	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a
	{
		color:				darkblue;
		text-decoration:	none;
		padding-left:		2px;
		padding-right:		2px;
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1
	{
		padding-left:		5px;
		padding-right:		5px;
		border:			1px solid orange;
	}
	
	#dhtmlgoodies_menu .currentDepth1over
	{
		padding-left:		5px;
		padding-right:		5px;
		background-color:	#cc3333;
		border:			1px solid orange;
	}

	#dhtmlgoodies_menu .currentDepth1 a
	{
		font-weight:		bold;
	}
	
	#dhtmlgoodies_menu .currentDepth1over a
	{
		/* Text rules */
		color:				#FFF;
		font-weight:		bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2
	{
		padding-right:		2px;
		border:				1px solid #FFF;
	}
	
	#dhtmlgoodies_menu .currentDepth2over
	{
		padding-right:		2px;
		background-color:	darkblue;
		border:				1px solid darkblue;
		color:				white;
	}	
	
	#dhtmlgoodies_menu .currentDepth2over a
	{
		/* Text rules */
		color:			white;
	}	
	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3
	{
		padding-right:		2px;
		border:				1px solid #FFF;
	}
	
	#dhtmlgoodies_menu .currentDepth3over
	{
		padding-right:		2px;
		background-color:	#EDE3EB;
		border:				1px solid #000;
	}
	
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4
	{
		padding-right:		2px;
		border:				1px solid #FFF;
	}
	
	#dhtmlgoodies_menu .currentDepth4over
	{
		padding-right:		2px;
		background-color:	#EBEDE3;
		border:				1px solid #000;
	}

/* DIV's waar de thumbnails naar de andere emblemen uit dezelfde bundel in komen: */
.divXpThumbnails
{
	padding: 				2px;
	background-color:		Ivory;
	clear:					both;
}	

div.spacer 
{
	clear: 					both;
	line-height: 			0.1em;
}

span.navPreviousEmblem
{
	float:					left;
	font-size:				12px;
}

span.navNextEmblem
{
	float:					right;
	font-size:				12px;
	padding-left:			30px;
}

div.emblemPresentation
{
	border:					solid thin black;
	padding:					5px;

}

span.noteText
{
	line-height:			150%;
}

img.imgTranslation
{
	border:					none;
}

img.imgReference
{
	border:					none;
}

span.dropdownMottos
{
	font-size:				12px;
}