/* RESET codes
-------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr
						{ margin: 0px; padding:0;}
				
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th 
						{ font-size:1em; font-weight:normal; font-style:normal;}

ul,ol	 					{ list-style:none; }
fieldset,img,hr 				{ margin: 0; border:none; }
caption,th 				{ text-align:left; }
table 					{ border-collapse:collapse; border-spacing:0; }
td 						{ vertical-align:top; }

/* BASE codes
-------------------------------------*/
body 					{ background: url(images/bg.gif) repeat-x; font-family: Helvetica, Helvetica Neue, Arial, sans-serif;}
.cleardit				{ clear: both; }
/* WRAP codes
-------------------------------------*/
#wrapper 				{ margin: 0px auto; padding: 0px; width: 800px; min-height: 100%; height: auto !important; height: 100%; }


/* HEADER codes
-------------------------------------*/

#sitemaps				{ width: 800px; height: 195px; background-image: url(images/header.jpg);}

#pluimvee				{ width: 800px; height: 195px; background-image: url(images/pluimvee.jpg);}
#varkensvlees			{ width: 800px; height: 195px; background-image: url(images/varkensvlees.jpg);}
#rundvlees				{ width: 800px; height: 195px; background-image: url(images/rundvlees.jpg);}


#image_home				{ width: 286px; height: 305px; background: url(images/image_home.jpg) no-repeat;}
#image_logistiek		{ width: 286px; height: 305px; background: url(images/image_logistiek.jpg) no-repeat;}
#image_producten		{ width: 286px; height: 305px; background: url(images/image_producten.jpg) no-repeat;}
#image_varken			{ width: 286px; height: 305px; background: url(images/image_productvarken.jpg) no-repeat;}
#image_contact			{ width: 286px; height: 305px; background: url(images/image_contact.jpg) no-repeat;}

#image_sitemaps			{ width: 286px; height: 305px; background: url(images/image_logistiek.jpg) no-repeat;}

#image_pluimvee			{ width: 286px; height: 305px; background: url(images/image_producten.jpg) no-repeat;}
#image_varkensvlees		{ width: 286px; height: 305px; background: url(images/image_producten.jpg) no-repeat;}
#image_rundvlees		{ width: 286px; height: 305px; background: url(images/image_producten.jpg) no-repeat;}

 
/* MENU codes
-------------------------------------*/

#menu					{  width: 800px; height: 31px; background: url(images/menubg.gif) repeat-x;}
#menuitems				{ padding: 0 0px; font-size: 1px; }
#menu ul 					{ padding: 0; margin: 0; list-style: none; }
#menu li 					{ float: left; position: relative; padding: 0px 0 0px 0; }
li ul 						{ display: none; position: absolute; left: 0; }
li > ul 					{ top: auto; left: auto; }
li:hover ul, li.over ul		{ display: block; top: 31px; left: 0px; width: 85px; }

a.menuitem1				{ float: left; width: 87px; height: 31px; background: url(images/menu_vbzvlees.gif) no-repeat; margin: 0; }
a.menuitem1:hover		{ background: url(images/menu_vbzvlees2.gif) no-repeat; }

a.menuitem2				{ float: left; width: 77px; height: 31px; background: url(images/menu_logistiek.gif) no-repeat; margin: 0; }
a.menuitem2:hover		{ background: url(images/menu_logistiek2.gif) no-repeat; }

a.menuitem3				{ float: left; width: 85px; height: 31px; background: url(images/menu_producten.gif) no-repeat; margin: 0; }
a.menuitem3:hover		{ background: url(images/menu_producten2.gif) no-repeat; }

a.menuitem4				{ float: left; width: 71px; height: 31px; background: url(images/menu_contact.gif) no-repeat; margin: 0; }
a.menuitem4:hover		{ background: url(images/menu_contact2.gif) no-repeat; }

.submenuBtn				{ width: 95px; height: 25px; background-color: #d9d9d9;  padding: 0; }
.submenuBtn:hover		{ width: 95px; height: 25px; background-color: #f7f7f7;}
a.submenulink 			{ width: 95px; height: 25px; float: left; padding-top: 4px; color: #525252; text-decoration: none;  font-size: 12px;  text-align: left; }
a.submenulink:hover 		{ background-color: #f7f7f7;}

.padding		{ padding-left: 10px; }

a.menuitem5				{ float: left; margin-left:340px; width: 38px; height: 31px; background: url(images/homemini.gif) no-repeat;  }
a.menuitem6				{ float: left; width: 45px; height: 31px; background: url(images/sitemapmini.gif) no-repeat; margin: 0; }
a.menuitem7				{ float: left; width: 43px; height: 31px; background: url(images/contactmini.gif) no-repeat; margin: 0; }
 
/* CONTENT codes
-------------------------------------*/
#contentimage				{ float: left; width: 320px; padding: 5px 0px 0px 0px;}
#maincontent 				{ float: right; color: #5a5a5a; width: 450px; min-height: 100%; height: auto !important; height: 100%;}
#maincontent h2 				{ font-size: 14px; font-weight: bold; color: #5a5a5a; padding: 25px 0px 10px 0px;}
#maincontent p				{ font-size: 12px; color: #5a5a5a; padding: 0px 0px 10px 0px;}
#maincontent li				{ padding-right: 15px; font-size: 12px;  color: #5a5a5a; }
#maincontent li ul				{ display:  block; position: relative;}
#maincontent ul li li				{ padding: 0px 0px 0px 15px; font-size: 12px; color: #5a5a5a; }

#maincontent .contact 		{  }
#maincontent .contact h3 		{ font-size: 12px; font-weight: bold; color: #5a5a5a; }
/* FOOTER codes
-------------------------------------*/
#footer 					{ width: 800px; height: 19px; background: url(images/footer.jpg) no-repeat;}

@media print {
	#nav { 	display: none; }
}