#Navigationbar
{
height: 16px; 
padding: 4px 0 0 8px;
background: #6699FF; 
color: #0000FF; /** kleur voor tekst zonder link **/
}   

#Navigationbar li {
float: left;
display: inline; 
margin-right: 4px;
}


#Navigationbar a {
 color: #fff; 
 font-weight: bold; 
 text-decoration: none;
 }
 
#Navigationbar a:hover {
color: #333;  
 }


#Taalkeuze{
float:right;
margin-top:-70px;
margin-right:20px;
}

#Taalkeuze a
{
	color:Blue;
	text-decoration:underline;
}

#Taalkeuze li{
display:inline;
font-weight:bold;
font-size:150%;
border-left:1px solid grey;
padding-left:5px;
}




/** ---------------------------------------------- **/


.menubar ul {                    /** weergave Unsorted list **/
	margin: 0;
	/** padding: 0 0 25px 0; **/
	padding-top:0px;
	margin-right:0px;
	padding-left:0px;
	padding-bottom:25px;


	list-style-type: none;  /** opsommingstekens laten verdwijnen **/
}

.menubar li li.empty 
{
	height:1px;
	background-color:Blue;
}


.menubar li  {                    /** Weergave list item **/
	/** font-weight:bold; **/
	width:150px;
	margin: 0 0px 0 0;
	padding: 0;
/**	border:1px solid black; **/
/**	color:black; **/
	text-decoration:none; 
	background-color:white;     /** Witte achtergrond **/
	float:left;

	margin-left:0px;
	padding-right:5px;
	border:1px solid grey; 
	font-family  : Verdana, Arial ,'Microsoft Sans Serif' ;
	font-size:15px;
}

.menubar a {
	text-decoration: none;     /** de link 'niet' onderlijnen, 'niet' laten blinken, ...   **/  
	display: block;             
/**	color: #000000;  **/
/**	background-color: #ffffff; **/
	padding: 3px;
}

.menubar a:hover {                 /** Hover Functie  **/
	text-decoration: none;    /** bij de focus - item laten flikkeren   **/  
	color: #FFFFFF;            /** Kleur : wit                           **/
	background-color: #000033; /** Achtergrond kleur : donker blauw      **/
}

.menubar li ul {
	display: none;             /** binnen Li - unsorted list verbergen   **/
}

.menubar li:hover ul {             /** Tonen pull down **/
/**	visibility: visible;  **/
	display: block;            /** Inline element als block tonen **/   
	 position:absolute;        /** combinatie met Z-index **/
	z-index:1;                 /** Weergave prioriteit - in niveaus   **/
	width:155px;
	padding: 0;
	margin: 0;
	border:1px solid black;
}

.menubar li li {                 /** **/
	border: none; 
	font-size:80%            /** Groot drop down **/
}	

.menubar li li a {
	padding: 2px 2px 2px 10px;
}

.menubar li li img
{
	width:20px;
	height:20px;
}


.menubar li img
{
	width:16px;
	height:16px;
}
/** ---------------------------------------------- **/









/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}