body { margin:10px; background:#e6c896; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size:13px; color:#000; }
td { font-size:13px }
a { text-decoration:underline; color:#000; font-size:13px;}
b, strong { color:#0d2710; font-size:13px; }

div#container { margin:21px auto; width:620px }

/* menu begins here ! */

div#menu {
	margin:0; 
	padding:0;
	width:164px;
	float:left; /*makes the div enclose the list */
	margin:21 27 0 7px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#menu ul {
	list-style-type:none;
	width:161px;
	margin:0; 
	padding:0;
}

div#menu li.top { display:block; width:161px; height:39px; background:url(../images/menu_top.gif) }
/* NL */
div#menu li.welkom a { display:block; width:161px; height:26px;	background:url(../images/bt_welkom.gif) }
div#menu li.welkom a:hover { background-position:0 -26 }
div#menu li.teven a { display:block; width:161px; height:26px; background:url(../images/bt_mijn-teven.gif) }
div#menu li.teven a:hover { background-position:0 -26 }
div#menu li.reuen a { display:block; width:161px; height:26px; background:url(../images/bt_mijn-reuen.gif) }
div#menu li.reuen a:hover { background-position:0 -26 }
div#menu li.foto a { display:block; width:161px; height:26px; background:url(../images/bt_fotogalerij.gif) }
div#menu li.foto a:hover { background-position:0 -26 }
div#menu li.pup a { display:block; width:161px; height:26px; background:url(../images/bt_pup-info.gif) }
div#menu li.pup a:hover { background-position:0 -26 }
div#menu li.russell a { display:block; width:161px; height:26px; background:url(../images/bt_de-jack-russell.gif) }
div#menu li.russell a:hover { background-position:0 -26 }
div#menu li.gastenboek a { display:block; width:161px; height:26px; background:url(../images/bt_gastenboek.gif) }
div#menu li.gastenboek a:hover { background-position:0 -26 }
div#menu li.contact a { display:block; width:161px; height:26px; background:url(../images/bt_contact.gif) }
div#menu li.contact a:hover { background-position:0 -26 }
div#menu li.links a { display:block; width:161px; height:26px; background:url(../images/bt_links.gif) }
div#menu li.links a:hover { background-position:0 -26 }

/* ENG */
div#menu li.welkom2 a { display:block; width:161px; height:26px;	background:url(../images/bt_welcome.gif) }
div#menu li.welkom2 a:hover { background-position:0 -26 }
div#menu li.teven2 a { display:block; width:161px; height:26px; background:url(../images/bt_my-female-dogs.gif) }
div#menu li.teven2 a:hover { background-position:0 -26 }
div#menu li.reuen2 a { display:block; width:161px; height:26px; background:url(../images/bt_male-dogs.gif) }
div#menu li.reuen2 a:hover { background-position:0 -26 }
div#menu li.foto2 a { display:block; width:161px; height:26px; background:url(../images/bt_photo-gallery.gif) }
div#menu li.foto2 a:hover { background-position:0 -26 }
div#menu li.pup2 a { display:block; width:161px; height:26px; background:url(../images/bt_pup-info.gif) }
div#menu li.pup2 a:hover { background-position:0 -26 }
div#menu li.russell2 a { display:block; width:161px; height:26px; background:url(../images/bt_the-jack-russell.gif) }
div#menu li.russell2 a:hover { background-position:0 -26 }
div#menu li.gastenboek2 a { display:block; width:161px; height:26px; background:url(../images/bt_guestbook.gif) }
div#menu li.gastenboek2 a:hover { background-position:0 -26 }
div#menu li.contact2 a { display:block; width:161px; height:26px; background:url(../images/bt_contact.gif) }
div#menu li.contact2 a:hover { background-position:0 -26 }
div#menu li.links2 a { display:block; width:161px; height:26px; background:url(../images/bt_links.gif) }
div#menu li.links2 a:hover { background-position:0 -26 }

div#menu li.bottom { display:block; width:161px; height:34px; background:url(../images/menu_bottom.gif) }
/* the menu ends here */

div#content { width:450px; margin-top:14px; float:left }
