@charset "utf-8";
/* CSS Document */

a:link {
	color: #0000FF;
	text-decoration: none;	
}
a:active {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}

.stijl1 {
	font-family: Verdana;
	color: #000066;
	font-size: 12px;
}
.stijl2 {
	font-family: Verdana;
	color: #66FF99;
	font-size: 16px;
}
.stijl3 {
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 18px;
}
.stijl4 {
	font-family: Magneto;
	color: #FFFFFF;
	font-size: 24px;
}
.stijl5 {
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 15px;
}
.stijl6 {
	font-family: Verdana;
	color: #000066;
	font-size: 11px;
}
.stijl7 {
	font-family: Verdana;
	color: #FF6600;
	font-size: 12px;
}

ul#topmenu {
margin: 0;
padding: 0;
list-style: none;
height: 320px; /* Een hoogte instellen ivm de float: left; van de li's http__www.wmcity.nl_artikelen.pdf */
}
ul#topmenu li {
float: top;
height: 35px;
}
ul#topmenu li a {
display: block; /* We maken er een block element van */
text-indent: -9999px; /* Zorg ervoor dat de text verdwijnt. */
overflow: hidden; /* IE 5 */
height: 35px; /* Hoogte van de li's (en de plaatjes natuurlijk) */
}
ul#topmenu li a.start {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_start.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.start:hover { /* Bij mouseover */
background: url('images/knop_start_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.postnl {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_postnl.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.postnl:hover { /* Bij mouseover */
background: url('images/knop_postnl_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.machines {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_kopieermachines.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.machines:hover { /* Bij mouseover */
background: url('images/knop_kopieermachines_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.drukwerk {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_drukwerk.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.drukwerk:hover { /* Bij mouseover */
background: url('images/knop_drukwerk_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.kopieerwerk {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_kopieerwerk.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.kopieerwerk:hover { /* Bij mouseover */
background: url('images/knop_kopieerwerk_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.printers {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_printers.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.printers:hover { /* Bij mouseover */
background: url('images/knop_printers_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.reparaties {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_reparaties.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.reparaties:hover { /* Bij mouseover */
background: url('images/knop_reparaties_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.supplies {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_supplies.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.supplies:hover { /* Bij mouseover */
background: url('images/knop_supplies_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}
ul#topmenu li a.openingstijden {
width: 160px; /* Bijvoorbeeld de width van het plaatje */
background: url('images/knop_openingstijden.png') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.openingstijden:hover { /* Bij mouseover */
background: url('images/knop_openingstijden_mo.png') no-repeat bottom left; /* Plaatje bij hover */
}