#menu
{
	margin: 0;
	padding: 0 0 20px 10px;
	font-size: 105%;

}

#menu LI
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#menu a
{
	float: right;
	padding: 0 12px 10px 12px;
	text-decoration: none;
	color: #A88663;
	font-weight:bold;
}

#menu a:link
{
	float: right;
	padding: 0 12px 10px 12px;
	text-decoration: none;
	color: #A88663;
	font-weight:bold;
}

#menu a:focus
{
	color: #A88663;
	background: url("http://www.boardriding-camps.ch/images/menu-hover.gif") no-repeat bottom center;
	color: #FFF;
	font-weight:bold;
}

#menu a:hover
{
	color: #A88663;
	background: url("http://www.boardriding-camps.ch/images/menu-hover.gif") no-repeat bottom center;
	color: #FFF;
	font-weight:bold;
}

#menu  a:active 
{
	color: #A88663;
	background: url("http://www.boardriding-camps.ch/images/menu-hover.gif") no-repeat bottom center;
	color: #FFF;
	font-weight:bold;

}



/* :link = für Verweise zu noch nicht besuchten Seiten */
/* :visited = für Verweise zu bereits besuchten Seiten */
/* :focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0) */
/* :hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0) */
/* :active = für gerade angeklickte Elemente */

/* a.menu:link, a.menu:visited, a.menu:active, a.menu:hover */