/*** style for topmenu ***/

.homelink {
		padding: 0 5px;
		}

.newslink {
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		}		

#topmenu {
		text-align: right;
		}
		
		#topmenu ul {
				margin: 0; padding: 3px 0;
				height: 5px;
				list-style: none;
				}

		#topmenu li {
				display: inline;
				}

		#topmenu li a {
				padding: 0 5px;
				border-right: solid 1px #ffb61e;
				}
				
				#topmenu li a.last {
						border-right: none;
						}

/*** style for mainmenu ***/		

.producten_indesupermarkt, .producten_indesupermarkt_active {
		position: absolute;
		left: 237px; top: 43px;
		display: block;
		width: 320px; height: 104px;
		background: url('../Webmasters/Images/producten_supermarkt.gif') no-repeat;
		}

		.producten_indesupermarkt:hover, .producten_indesupermarkt_active {
				background: url('../Webmasters/Images/producten_supermarkt_over.gif') no-repeat;
				}		

.producten_indehoreca, .producten_indehoreca_active {
		position: absolute;
		left: 405px; top: 75px;
		display: block;
		width: 293px; height: 69px;
		background: url('../Webmasters/Images/producten_indehoreca.gif') no-repeat;
		}

		.producten_indehoreca:hover, .producten_indehoreca_active {
				background: url('../Webmasters/Images/producten_indehoreca_over.gif') no-repeat;
				}

.mora_geschiedenis, .mora_geschiedenis_active {
		position: absolute;
		left: 577px; top: 102px;
		display: block;
		width: 232px; height: 52px;
		background: url('../Webmasters/Images/mora_geschiedenis.gif') no-repeat;
		}

		.mora_geschiedenis:hover, .mora_geschiedenis_active {
				background: url('../Webmasters/Images/mora_geschiedenis_over.gif') no-repeat;
				}

.contact, .contact_active {
		position: absolute;
		left: 743px; top: 121px;
		display: block;
		width: 168px; height: 33px;
		background: url('../Webmasters/Images/contact.gif') no-repeat;
		}

		.contact:hover, .contact_active  {
				background: url('../Webmasters/Images/contact_over.gif') no-repeat;
				}
		   
/*** style for extramenu ***/	

.extramenu, .extramenuform {
		/*** position: absolute;
		top: 420px; right: 335px; ***/
		margin: 0; padding: 20px 0; 
		/***padding-left: 10px;***/
		width: 160px!important; width: 170px; 
		height: 80px!important; height: 120px;
		text-align: left;
		font: 12px Arial, sans-serif;
		list-style: none;
		/***background: url('../Webmasters/Images/bg_extramenu.gif') no-repeat;***/
		}

.extramenuform {
		right: 375px;
		}		

		.extramenu li, .extramenuform li {
				margin: 0; margin-bottom: 10px; padding: 0;
				}
				
				.extramenu li a, .extramenuform li a {
						overflow: hidden;
						display: block;
						padding: 0 5px;
						width: 150px; height: 18px; 
						color: #fff;
						border: solid 1px #fff;
						background: url('../Webmasters/Images/bg_input.gif') center right no-repeat;
						}							
				
/*** style for artikelgroepen ***/																									

.groepenoverzicht {
		position: relative;
		height: 480px;
		}
		
		.groepenoverzicht a {
				position: absolute;
				display: block;
				padding-top: 64px;
				width: 125px; height: 61px !important; height: 125px;
				color: #fff;
				font-size: 14px;
				font-weight: bold;						
				}

				.groepenoverzicht a span {
						
						position: absolute;
						left: 0; bottom: 0;
						width: 125px;
						}

				.groepenoverzicht a span.active {
						display: block;
						position: absolute;
						left: 0; bottom: 0;
						width: 125px;
						}											
				
/*** style for artikeloverzicht ***/	

.artikeloverzicht {
		position: relative;
		margin: 0 auto;
		width: 450px; height: 360px;
		}
		
		.artikeloverzicht a {
				position: absolute;
				float: left;
				display: block;
				padding-top: 50px;
				width: 60px; height: 25px!important; height: 75px;
				font-size: 7px;							
				}

				.artikeloverzicht a:hover {
						font-size: 7px;
						font-weight: normal;
						text-decoration: none;
						}
						
		.artikeloverzicht div {
				display: none;
				margin: 0 auto; padding-top: 150px;
				width: 200px;
				font-weight: bold;
				}