
#nav_bg { position: absolute; top: 0px; left: 0px; z-index: 999; width: 244px; height: 515px; background-image: url(images/navigation/nav_body_bg.png); background-repeat: no-repeat; background-position: bottom left; }

#navigation	{
  position: absolute; top: 0px; left: 0px; z-index: 1002;
  width: 244px; height: 515px;
}

/*****************************************************************
NAVIGATION LIST DECLARATIONS
*****************************************************************/

ul#nav			{
              list-style-type: none;
						  margin: 123px 18px 0px 13px; padding: 0px;
						  background-color: transparent;
						}

/* Applying float: left to the li is a hack to eliminate the spacing between li's in IE */
/* NAVIGATION LEVEL 1 */

ul#nav li		{
              float: left;
              display: block; height: 24px;
              padding: 0px; margin: 0px;
						  background: transparent;
						}

ul#nav li.active  { background: transparent url(images/content_bottom_bg.gif) no-repeat center right; }

ul#nav li span		{ display: none; }

ul#nav A		{
						  /*display: inline-block;*/
						  display: block;
						  width: 180px;
              font-size: 100%;
						  font-weight: bold;
						  text-transform: uppercase;
						  color: #375897;
						  text-decoration: none;
						  margin: 0px 6px 0px 0px;
						  padding: 4px 10px 5px 17px;
						}

ul#nav A:link		  { color: #375897; }
ul#nav A:visited	{ color: #375897; }
ul#nav A:active		{ color: #375897; }
ul#nav A:hover		{ color: #fff; background: #a2a791; text-decoration: none; }
ul#nav A#act_l1		{ color: #fff; background: #a2a791; text-decoration: none; }

ul#nav li#nts_group A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#partners A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#zoek A		    { position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#p_sitemap A		    { position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo.gif) no-repeat; margin: 0px; padding: 0px; }

ul#nav li#combimetaal A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_combimetaal.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#finish 	A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_finish.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#hermus 	A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_hermus.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#mans 		A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_mans.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#shemer	A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_shemer.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#mechatronics_shanghai A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_mechatronic-products-shanghai.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#mechatronics A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_mechatronics.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#metaalbewerking A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_metaalbewerking.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#optel A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_optel.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#prometal A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_prometal.gif) no-repeat; margin: 0px; padding: 0px; }
ul#nav li#systence A		{ position: absolute; top: 0px; left: 13px; z-index: 1001; display: block; width: 207px; height: 122px; background: transparent url(images/navigation/logo_systence.gif) no-repeat; margin: 0px; padding: 0px; }

ul#nav li#contact A		  { position: absolute; top: 96px; left: 800px; display: block; width: 22px; height: 28px; background: transparent url(images/navigation/contact.gif) no-repeat 3px 9px; margin: 0px; padding: 0px; }
ul#nav li#disclaimer A	{ position: absolute; top: 96px; left: 822px; display: block; width: 22px; height: 28px; background: transparent url(images/navigation/disclaimer.gif) no-repeat 3px 8px; margin: 0px; padding: 0px; }
ul#nav li#sitemap A		  { position: absolute; top: 96px; left: 844px; display: block; width: 22px; height: 28px; background: transparent url(images/navigation/sitemap.gif) no-repeat 3px 8px; margin: 0px; padding: 0px; }
ul#nav li#lang_nl A		  { display: inline-block; width: 30px; height: 16px; margin: 7px 0px 0px 18px; padding: 0px; }
ul#nav li#lang_nl A:hover { background: transparent; }
ul#nav li#lang_en A		  { display: inline-block; width: 30px; height: 16px; margin: 7px 0px 0px 0px; padding: 0px; }
ul#nav li#lang_en A:hover { background: transparent; }
ul#nav li#lang_de A		  { display: inline-block; width: 30px; height: 16px; margin: 7px 0px 0px 0px; padding: 0px; }
ul#nav li#lang_de A:hover { background: transparent; }

ul#nav li#nieuws A			  { position: absolute; top: 7px; left: 232px; display: block; width: 244px; background: #2b87a6; color: #fff; text-transform: none; font-size: 120%; margin: 0px; padding: 3px 0px 3px 10px; }
ul#nav li#nieuws A:hover	{ color: #fff; background: #239ac2; }

ul#nav li#zoeken A			  { position: absolute; top: 7px; left: 496px; z-index: 1004; display: block; width: 174px; color: #fff; text-transform: none; font-size: 120%; margin: 0px; padding: 3px 0px 3px 10px; background: #a2a791 url(images/navigation/pijl_zoeken.gif) no-repeat 160px 9px; }
ul#nav li#zoeken A:hover	{ color: #fff; background: #b6bca2 url(images/navigation/pijl_zoeken.gif) no-repeat 160px 9px; }

ul#nav li#vacatures A		     { position: absolute; top: 7px; left: 689px; display: block; width: 174px; background: #94c000; color: #fff; text-transform: none; font-size: 120%; margin: 0px; padding: 3px 0px 3px 10px }
ul#nav li#vacatures A:hover	 { color: #fff; background: #a2ce0f; }

ul#nav ul	{ width: 570px; height: 28px; position: absolute; top: 96px; left: 232px; background: transparent url(images/navigation/submenu_bg.gif) no-repeat top left; margin: 0px; padding: 0px; }

ul#nav ul li	{ display: inline; float: left; margin: 0px; padding: 0px; background: url(images/navigation/submenu_divider.gif) no-repeat top right; }

ul#nav ul A		{
                text-transform: none;
                width: auto;
				        margin: 0px 1px 0px 0px;
                padding: 7px 10px 6px 10px;
				        color: #465125;
				      }

ul#nav ul A:link  { color: #465125; }
ul#nav ul A:visited  { color: #465125; }
ul#nav ul A:active  { color: #465125; }
ul#nav ul A:hover { background: #94c000; color: #fff; }
ul#nav ul A#act_l2{ background: #94c000; color: #fff; }

ul#sitemap ul#nav_l2  { display: block; }
ul#sitemap li#lang_nl { display: none; }
ul#sitemap li#lang_en { display: none; }
ul#sitemap li#lang_de { display: none; }

