/*****************************************************************
BODY EN BOX DECLARATIONS
*****************************************************************/

body		{
			  text-align: center;
			  padding: 0px; margin: 0px;
			  font-family: arial, helvetica, verdana, sans-serif;
			  font-size: 76%;
			  background: #fff url(images/background.jpg) no-repeat top center;
			}

.clearboth		{ clear: both; }
.nobr			{ white-space: nowrap; }

#container	{
			  position: relative;
			  width: 1000px;
			  text-align: left;
			  padding: 0px; margin: 0px auto;
			  background: transparent;
			}

  #content  {
              position: absolute;
              top: 110px; left: 225px;
              display: block;
              width: 647px;
              padding: 0px 0px 5px 0px;
              background: transparent url(images/content_bottom_bg.gif) no-repeat bottom left;
              border-left: 1px solid #a2a791;
              border-top: 1px solid #a2a791;
            }

  #content_contact  {
              position: absolute;
              top: 110px; left: 225px;
              display: block;
              width: 647px;
              height: 500px;
              padding: 0px 0px 5px 0px;
              background: transparent url(images/content_bottom_bg.gif) no-repeat bottom left;
              border-left: 1px solid #a2a791;
              border-top: 1px solid #a2a791;
            } 

	#header_bar	{
				  position: absolute; top: 0px; left: 208px;
				  width: 682px; height: 135px;
				  background-image: url(images/header_bar_bg.png);
				  background-repeat: no-repeat;
				  background-position: top left;
				}

	#header_bar div.home	{ display: block; width: 641px; height: 96px; margin: 0px 0px 0px 24px; background: transparent url(images/header/home.jpg) no-repeat; }
	#header_bar div.combimetaal	{ display: block; width: 641px; height: 96px; margin: 0px 0px 0px 24px; background: transparent url(images/header/NTS-Combimetaal_home.jpg) no-repeat; }

#content div.overview         { width: 660px; margin: 5px 0px 0px 7px; }
#content div#nieuws.overview  { height: 130px; margin: 0px 0px 0px 7px; }
#content div#vacatures.overview  { height: 73px; margin: 0px 0px 0px 7px; }
#content div.overview#first   { margin: 10px 0px 0px 7px; }
#content img.overviewImg      { float: right; margin: 6px 22px 0px 0px; }

#content div#nieuws.Blue       { background-image: url(images/list_bg_blauw.png); background-repeat: no-repeat; background-position: bottom left; }
#content div#nieuws.Green      { background-image: url(images/list_bg_groen.png); background-repeat: no-repeat; background-position: bottom left; }
#content div#vacatures.Blue    { background-image: url(images/list_bg_blauw_vac.png); background-repeat: no-repeat; background-position: bottom left; }
#content div#vacatures.Green   { background-image: url(images/list_bg_groen_vac.png); background-repeat: no-repeat; background-position: bottom left; }

#content div.overview p.text         { display: block; width: 434px; overflow: hidden; font-size: 110%; background: transparent; margin: 0px 0px 0px 0px; padding: 5px 0px 6px 8px; }
#content div.overview p.text.wide    { width: 620px; margin: 0px 0px 0px 0px; padding: 9px 0px 8px 8px; }
#content div#nieuws.overview p.text.wide  { display: block; height: 76px; overflow: hidden; }
#content div.overview p.leesverder   { margin: 0px; padding: 0px; }
#content div.overview p.leesverder A { position: relative; display: block; width: 434px; padding: 3px 10px 4px 10px; margin: 0px; color: #fff; font-weight: bold; }
#content div.overview p.leesverder A.wide   { width: 619px; }

div.fotokader_groot {
  float: right;
  margin: 30px -25px -30px 0px;
  width: 418px; height: 408px;
  background-image: url(images/fotokader_groot.png);
  background-repeat: no-repeat;
  background-position: top left;
}

div.fotokader_groot img { margin: 1px 0px 0px 17px; }

div.fotokader_contact {
  float: right;
  margin: -20px -10px 0px 0px;
  width: 204px; height: 279px;
  background-color: transparent;
  background-image: url(images/fotokader_contact.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

div.fotokader_contact img { margin: 0px 0px 0px 10px; }

/* #dots_left	{ position: absolute; top: 95px; left: 0px; display: block; width: 6px; height: 224px; background: transparent url(images/dots_left.gif) no-repeat; } */
/* #dots_right	{ position: absolute; top: 95px; right: 0px; display: block; width: 6px; height: 224px; background: transparent url(images/dots_left.gif) no-repeat; } */
/* #dots_bottom	  { position: absolute; bottom: 0px; right: 126px; display: block; width: 652px; height: 7px; background: transparent url(images/dots_top.gif) no-repeat; z-index: 1001; } */

#slideshow_container  { float: right; margin: 40px -20px 0px 10px; }
#slideshow { height: 391px; width: 396px; }
 
#map_canvas   { width: 430px; height: 320px; margin: 10px 0px 0px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#directions   { display: block; background: #f1f7dd; margin: 0px 0px 0px 15px; width: 430px; height: 30px; overflow: auto; }

/*
* Siteshow homepage
*/

#siteshow_home_container {
	display: block;
	width: 649px; height: 408px;
	position: absolute;
	top: 35px; left: 2px;	
	background-image: url(images/siteshow_home_container_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#siteshow_home_content {
	position: relative;
	height: 372px;
	overflow: hidden;
	background: transparent;
	margin: 2px 4px 0px 3px;
}

#siteshow_home_content div.siteshow_home_content_block {
	position: absolute;
	top: 0px; left: 0px;
	display: none;
}

#siteshow_home_footer {
	height: 30px;
	background: transparent;
	margin: 0px 5px 0px 3px;
}

div.siteshow_home_content_text {
	width: 301px; height: 372px;
	float: left;
}

div.siteshow_home_content_text h2 {
	display: block;
	margin: 0px;
	padding: 3px 10px 3px 15px;
	background: #a2a791;
	color: #fff;
}

div.siteshow_home_content_text p {
	  margin: 10px 10px 10px 15px;
	  padding: 0px;
	  line-height: 130%;	  
	  font-size: 90%;
}

div.amount { display: none; }

div.siteshow_home_content_foto {
	float: left;
	width: 340px; height: 372px;
}

.slideshow_home {
	position: relative;
	width: 340px; height: 372px;
	margin: 0px 0px 0px 0px;
	background: transparent; 
}

.slideshow_home div {
	position: absolute;
	top: 0; left: 0;
	background-color: transparent;
	text-align: center; 
}

#siteshow_home_footer_content {
	position: absolute;
	top: 409px; right: 10px;
	text-align: right;
	width: 649px;
}

#siteshow_home_footer_content ul {
	position: relative;
	background: transparent;
	margin: 0px 0px 0px 20px; padding: 0px;
	list-style-type: none;
}

#siteshow_home_footer_content li {
	display: inline;
	float: right;	
	color: #fff;
	font-weight: bold;
	margin: 0px; padding: 0px;
	background: url(images/navigation/submenu_divider_wit.gif) no-repeat top right;
}

#siteshow_home_footer_content li.first {
	background: none;
}

#siteshow_home_footer_content ul A span { display: none; }

#siteshow_home_footer_content ul A {
	display: inline-block;	
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 6px 5px 5px 5px;
	margin: 0px 1px 0px 0px;
}

#siteshow_home_footer_content ul A:hover {
	background: #9bc7d5;
	text-decoration: none;
}

#siteshow_home_footer_content ul A.active {
	background: #69d0f2;
	text-decoration: none;
}

#siteshow_home_footer_content li#stop {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	width: 25px; height: 28px;	
	background-color: transparent;
	background-image: url(images/navigation/stop.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#siteshow_home_footer_content li#stop A {	
	display: block;
	width: 25px; height: 28px;
	background-image: url(images/navigation/stop.png);
	background-repeat: no-repeat;
	background-position: top left;
} 

#siteshow_home_footer_content li#stop A:hover {
	background-color: transparent;
	background-image: url(images/navigation/stop_on.png);
	background-repeat: no-repeat;
	background-position: top left;
} 

#siteshow_home_footer_content li#stop A.active {
	background-color: transparent;
	background-image: url(images/navigation/stop_on.png);
	background-repeat: no-repeat;
	background-position: top left;
} 

#siteshow_home_footer_content li#play {
	position: absolute;
	top: 0px; left: 26px;
	display: block;
	width: 25px; height: 28px;
	background-color: transparent;	
	background-image: url(images/navigation/play.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#siteshow_home_footer_content li#play A {
	display: block;
	width: 25px; height: 28px;
	background-image: url(images/navigation/play.png);
	background-repeat: no-repeat;
	background-position: top left;
} 

#siteshow_home_footer_content li#play A:hover {
	background-color: transparent;
	background-image: url(images/navigation/play_on.png);
	background-repeat: no-repeat;
	background-position: top left;
} 

#siteshow_home_footer_content li#play A.active {
	background-color: transparent;
	background-image: url(images/navigation/play_on.png);
	background-repeat: no-repeat;
	background-position: top left;
} 

#banner-esef {
	position: absolute;
	top: 555px; left: 227px;
	display: block;
	width: 650px; height: 134px;
	background: url(images/banner-esef-bg.png) no-repeat top left;
	padding-bottom: 20px;
}

#banner-esef img {
	margin: 6px 0px 0px 4px;
}

/*****************************************************************
TEXT DECLARATIONS
*****************************************************************/

h1		{
		  font-family: arial, verdana, sans-serif;
		  font-weight: bold;
		  font-style: normal;
		  font-size: 180%;
		  line-height: 140%;
		  color: #333;
		  padding: 0px;
		  margin: 30px 0px 10px 15px;
		}

h1.small  { font-size: 120%; margin: 30px 380px 0px 15px; }

h2		{
		  font-size: 140%;
		  line-height: 130%;
		  color: #000;
		  padding: 0px;
		  margin: 10px 0px 0px 15px;
		}

h2.first  { margin: 40px 0px 0px 15px; }

h3		{
		  font-size: 110%;
		  font-weight: bold;
		  color: #666;
		  padding: 0px 0px 0px 0px;
		  margin: 0px 0px 0px 20px;
		}

h4		{
		  font-size: 110%;
		  font-weight: bold;
		  color: #333;
		  padding: 0px 0px 0px 0px;
		  margin: 10px 0px 10px 20px;
		}

p	{
	  line-height: 140%;
	  font-size: 100%;
	  color: #333;
	  margin: 0px 10px 10px 15px;
	  padding: 0px;
	}

p.narrow { margin: 0px 196px 10px 15px; }

p.smaller		{ font-size: 80%; }
p.center		{ text-align: center; }
p.error_txt		{ color: #ff0000; }

#content p       { padding: 0px 0px 0px 0px; background: transparent; }
/* #content p img   { float: right; margin: -30px -194px 10px 10px; } */

#content div.fotokader_contact p  { margin: 10px 10px 0px 15px; padding: 0px 0px 0px 0px; }

span.super				{ line-height: 100%; font-size: 80%; }
span.search_highlight	{ background-color: #ffff99; }

p.page_numbering		{ margin: 10px 0px 0px 18px; }
p.page_numbering span.inactive	{ font-weight: bold; padding: 0px 2px 0px 2px; color: #999; }

p.page_numbering A 		{ text-decoration: none; color: #00A5EF; font-weight: bold; padding: 0px 2px 0px 2px; }
p.page_numbering A:link		{ text-decoration: none; color: #00A5EF; }
p.page_numbering A:visited	{ text-decoration: none; color: #00A5EF; }
p.page_numbering A:active	{ text-decoration: none; color: #0066CC; }
p.page_numbering A:hover	{ text-decoration: none; color: #0066CC; }
p.page_numbering A#pnactive	{ text-decoration: underline; color: #000; }


/*****************************************************************
LINK, hover and visited should have diversions in color.
hover should be underlined, for extra clarity a normal link
could be underlined to emphasize its linklyness.
*****************************************************************/

A 			{ text-decoration: underline; color: #333; }
A:link		{ text-decoration: underline; color: #333; }
A:visited	{ text-decoration: underline; color: #333; }
A:active	{ text-decoration: underline; color: #333; }
A:hover		{ text-decoration: none; color: #666; }
A.active	{ text-decoration: none; color: #666; }

A.pdf   { padding: 1px 10px 2px 20px; background: transparent url(images/pdf_16x16.gif) no-repeat; line-height: 170%; }

div.fotokader_contact p A   { font-weight: bold; color: #2b87a6; }

/*****************************************************************
TABLE DECLARATIONS
*****************************************************************/
/* LIGT AAN DE HOEVEELHEID MAAR INDIEN NODIG EEN tables.css AANMAKEN */

table.feiten  { 
  float: right;
  margin: 0px 0px 15px 0px; padding: 0px;
  width: 440px;
  background: transparent;
}

table.feiten td.desc  { width: 130px; font-weight: bold; padding: 5px 5px 5px 3px; vertical-align: top; }

table.feiten_en_cijfers  { 
  margin: 0px 0px 15px 13px; padding: 0px;
  width: 440px;
  background: transparent;
}

table.feiten_en_cijfers td.desc  { width: 130px; font-weight: bold; padding: 5px 5px 5px 3px; vertical-align: top; }

table#zoek_result   {
  width: 460px;
  margin: 10px 0px 0px 15px;
}

table#zoek_doos {
  margin: 0px 0px 0px 15px;
}

/*****************************************************************
COMMON LIST DECLARATIONS
*****************************************************************/

#content ul  { color: #333; line-height: 140%; }

ul.content, ol.content	{
						  font-size: 90%;
						  line-height: 140%;
						  color: #333;
						  margin: 0px 30px 0px 30px; padding: 0px;
						}