body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.gif);
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {font-size: 10px;}
.style3 {font-size: 11px;}

.categorieText {
	color: #4d4243;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

a.categorieText:link {
	color: #4d4243;
	text-decoration: none;
}

a.categorieText:visited {
	color: #4d4243;
	text-decoration: none;
}

a.categorieText:hover {
	color: #4d4243;
	text-decoration: underline;
}

a.categorieText:active {
	color: #4d4243;
	text-decoration: none;
}

.bottomText {
	color: #4d4243;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.bottomText:link {
	color: #4d4243;
	text-decoration: none;
}

a.bottomText:visited {
	color: #4d4243;
	text-decoration: none;
}

a.bottomText:hover {
	color: #4d4243;
	text-decoration: underline;
}

a.bottomText:active {
	color: #4d4243;
	text-decoration: none;
}

.aanbiedingText {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.aanbiedingText:link {
	color: #000000;
	text-decoration: none;
}

a.aanbiedingText:visited {
	color: #000000;
	text-decoration: none;
}

a.aanbiedingText:hover {
	color: #000000;
	text-decoration: underline;
}

a.aanbiedingText:active {
	color: #000000;
	text-decoration: none;
}

	/***************************
	MENU 1
	****************************/
	.Menu1 {
	font-family: Arial, sans-serif;
	border-bottom: 10px solid #bcbcbc;
	/* Since we aren't floating li in this example we don't have to set a height on the div */
	}
	.Menu1 ul {
	text-align: center; /* We are using text-align: center on ul to horisontally align our menu */
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	padding: 0;
	}
	.Menu1 li {
	display: inline; /* The menu is horizontally aligned using display: inline */
	}
	.Menu1 li a {
	padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	margin: 5px 5px 0px 0px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	*padding: 0px 0 0px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	*margin: 0px 5px 0px 0px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	color: #5d5350;
	text-decoration: none;
	font-weight: bold;
	background: url(./images/tabbed-menu-left.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
	}
	.Menu1 li a:hover {
	background: url(./images/tabbed-menu-left.gif) no-repeat left bottom;
	}
	.Menu1 li a span {
	padding: 7px 10px 6px 0;
	background: url(./images/tabbed-menu-right.gif) no-repeat right top; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */
	}
	.Menu1 li a:hover span {
	background: url(./images/tabbed-menu-right.gif) no-repeat right bottom;
	}
	/***************************
	MENU 2
	****************************/
	.Menu1 ul#Menu2 {
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	text-align: left; /* We are using text-align: right on ul to align our menu to the right*/
	padding: 0;
	}
	/***************************
	MENU 3
	****************************/
	.Menu1 ul#Menu3 {
	margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */
	text-align: right; /* We are using text-align: right on ul to align our menu to the right*/
	padding: 0;
	}
	/***************************
	MENU 4
	****************************/
	#Menu4 {
	font-family: Arial, sans-serif;
	border-bottom: 10px solid gray;
	height: 26px; /* Since we float li in this example we must set a height on the div */
	}
	#Menu4 ul {
	margin: 0 auto; /* Aligning div horizontally */
	width:310px; /* When aligning using the method above we must set a specific width */
	list-style: none;
	padding: 0;
	}
	#Menu4 li {
	text-align: center;
	float: left; /* The menu is horizontally aligned using float: left. Display:inline doesn't work with this example */
	margin: 0 2px 0 1px;
	line-height: 26px; /* Aligning text vertically using line-height */
	}
	#Menu4 li a {
	display: block; /* Making the hole tab a clickable link */
	width: 100px; /*Fixed width on the link, the same width as the image width */
	height: 26px;
	color: gray;
	font-weight:bold;
	text-decoration: none;
	background: url(/examples/images/tabbed-menu.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept */
	}
	#Menu4 li a:hover {
	background: url(/examples/images/tabbed-menu.gif) no-repeat left bottom;
	}
.style4 {color: #EF145A}
.bottomlink {
	font-size:10px;
	color:#dee2de;
}
<!--[if IE]>
/* Unfortunately, for some reason both IE6 and IE7 needs to be hacked. */
.Menu1 li a {
padding: 0 0 0 10px;
}