/* CSS voor het horizontale navigatiebalk van de homepage van 't bargje*/
#navigatie li {
	list-style-type: none;
	float:left;
	width: 105px;
	/* width is de breedte van button*/
	margin-right:20px;
	/* margin is de afstand tussen de elementen*/
	font: 0.3cm Verdana, Arial, Helvetica, sans-serif; 
}
#navigatie li a {
	display: block;
	width: 100%;
	/* met 100% wordt de hele hierboven aangegeven width gebruikt*/
	text-decoration: none;
	/* opmaak van de cel-elementen*/
	padding: 5px;
	height: 26px;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#00CC33;
	border-bottom: 3px solid #000000;
	border-right: 3px solid #000000;
}
#navigatie li a:hover {
	border-left: 2px solid #000;
	border-top: 2px solid #000;
	border-bottom: 1px solid #00cc33;
	border-right: 1px solid #00cc33;
	/*deze borders geven de beweging aan de button*/
}
/* met onderstaande class-code krijgt de link 'je bent hier' een andere achtergrondkleur en reageert niet meer als een button. Wel moet dan de link (href) worden weggelaten en soms moeten padding, width en height aangepast worden om het de afmetingen van de button te laten lijke op die van de andere*/
.tekst	{background-color:#33CCFF;
	padding:3px;
	border-bottom: 1px solid #000000;
	margin-right:0px;
	width:109px;
	height: 29px;
	font-weight:bold;
}