/* CSS Document */

/* 
div#menu
ul.menu-top
li.menu-sibling
li.menu-first
li.menu-current
li.menu-last

a.welkom
a.mydogs
a.news
a.litters
a.previouslitters
a.history
a.links
a.trimsalon
*/

div#menu ul {
	list-style: none;
	margin:10px;
	padding:0;
}
div#menu li {
	margin:15px 0;
}
div#menu ul li a {
	display:block;
	width:180px;
	height:30px;
}
div#menu ul li a span {
	display:none;
}

div#menu a.welkom {
	background: url("images/m_home.png") no-repeat; }
div#menu a.welkom:hover {
	background: url("images/mhover_home.png") no-repeat; }
div#menu li.menu-current a.welkom {
	background: url("images/mcurrent_home.png") no-repeat; }

div#menu a.mydogs {
	background: url("images/m_mydogs.png") no-repeat; }
div#menu a.mydogs:hover {
	background: url("images/mhover_mydogs.png") no-repeat; }
div#menu li.menu-current a.mydogs {
	background: url("images/mcurrent_mydogs.png") no-repeat; }
	
div#menu a.news {
	background: url("images/m_news.png") no-repeat; }
div#menu a.news:hover {
	background: url("images/mhover_news.png") no-repeat; }
div#menu li.menu-current a.news {
	background: url("images/mcurrent_news.png") no-repeat; }
	
div#menu a.litters {
	background: url("images/m_litters.png") no-repeat; }
div#menu a.litters:hover {
	background: url("images/mhover_litters.png") no-repeat; }
div#menu li.menu-current a.litters {
	background: url("images/mcurrent_litters.png") no-repeat; }
	
div#menu a.previouslitter {
	height:50px;
	background: url("images/m_previous.png") no-repeat; }
div#menu a.previouslitter:hover {
	background: url("images/mhover_previous.png") no-repeat; }
div#menu li.menu-current a.previouslitter {
	background: url("images/mcurrent_previous.png") no-repeat; }
	
div#menu a.history {
	background: url("images/m_history.png") no-repeat; }
div#menu a.history:hover {
	background: url("images/mhover_history.png") no-repeat; }
div#menu li.menu-current a.history {
	background: url("images/mcurrent_history.png") no-repeat; }
	
div#menu a.links {
	background: url("images/m_links.png") no-repeat; }
div#menu a.links:hover {
	background: url("images/mhover_links.png") no-repeat; }
div#menu li.menu-current a.links {
	background: url("images/mcurrent_links.png") no-repeat; }
	
div#menu a.trimsalon {
	margin-top:2em;
	background: url("images/m_trimsalon.png") no-repeat; }
div#menu a.trimsalon:hover {
	background: url("images/mhover_trimsalon.png") no-repeat; }
div#menu li.menu-current a.trimsalon {
	background: url("images/mcurrent_trimsalon.png") no-repeat; }
						

