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

body		{
			  text-align: center;
			  padding: 0px; margin: 0px;
			  background: #4e5560 url(images/body_bg.gif) repeat-x;
			  font-family: arial, verdana, helvetica, sans-serif;
			  font-size: 76%;
			}

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

#container	{
			  position: relative;
			  width: 100%;
			  text-align: left;
			  padding: 0px;
			  margin: 0px;
			}

#navcontainer	{
				  position: absolute; top: 0px; left: 0px;
				  display: block;
				  width: 279px;
				 /* background: #3a3a42 url(images/navigation/navigation_bg.jpg) no-repeat 0px 172px; */
				  margin: 0px; padding: 0px;
				}


#content_container		{
						  position: absolute; top: 172px; left: 0px;
						  width: 100%;
						  background: #4e5560;
						  margin: 0px; padding: 0px;
						}

	#content	{
				  background: transparent;
				  width: 520px;
				  margin: 0px 0px 0px 355px;
				}

	#referenties_left	{ float: left; width: 195px; }

	#foto_referenties			{ float: left; position: relative; background: #a4c2e3; width: 310px; height: 290px; margin: 0px 0px 0px 15px; }
	#foto_referenties_product	{ float: left; position: relative; background: #a4c2e3; display: block; width: 520px; height: 363px; margin: 20px 0px 0px 0px; }
		#foto_referenties_desc	{ display: block; height: 55px; width: 270px; position: absolute; top: 0px; left: 0px; background: #0072ba; }
	#foto_referenties img.crosshatch			{ position: absolute; top: 32px; left: 248px; z-index: 1001; }
	#foto_referenties_product img.crosshatch	{ position: absolute; top: 342px; left: 498px; z-index: 1001; }

		#slideshow 				{ position: relative; }
		#slideshow div			{ position: absolute; top: 55px; left: 0; width: 100%; height: 217px; text-align: center; }
		#slideshow div#product	{ position: absolute; top: 0px; left: 0; width: 100%; height: 363px; text-align: center; }

	#route					{ float: left; position: relative; background: #a4c2e3; width: 520px; margin: 0px 0px 0px 0px; }
	#route_desc				{ float: left; display: block; height: 55px; width: 460px; background: #0072ba; }
	#route img.crosshatch	{ position: absolute; top: 32px; left: 498px; z-index: 1001; }
	#route #map_canvas		{ width: 100%; height: 310px; margin: 55px 0px 0px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

.product_thumb			{ float: left; display: block; width: 135px; background: transparent; margin: 30px 57px 0px 0px; }
.product_thumb_last		{ float: left; display: block; width: 135px; background: transparent; margin: 30px 0px 0px 0px; }
div.product_desc		{ padding: 5px 0px 0px 0px; }

	.news_block	{
				  position: relative;
				  background: #a4c2e3;
				  border: 1px solid #d3e7f3;
				  margin: 0px 0px 35px 0px;
				  padding: 0px;
				}

	.news_block.downloads	{ width: 390px; margin: 40px 0px 0px 0px; }

	.news_block_header	{ background: #0072ba; margin: 0px 34px 0px 0px; }
	.news_block_content	{ background: #d3e7f3; }
	.news_block img.crosshatch	{ position: absolute; top: -24px; left: 498px; }
	.news_block.downloads img.crosshatch	{ position: absolute; top: -24px; left:369px; }


.filmstrip_header	{
					  position: absolute; top: 87px; left: 355px;
					  display: block; width: 520px; height: 85px;
					  background: transparent url(images/strip/home.jpg) no-repeat;
					}

#filmstrip_header_bruggen 			{ background: transparent url(images/strip/bruggen.jpg) no-repeat;}
#filmstrip_header_duikers 			{ background: transparent url(images/strip/duikers.jpg) no-repeat;}
#filmstrip_header_geluidsschermen 	{ background: transparent url(images/strip/geluidsschermen.jpg) no-repeat;}
#filmstrip_header_grondkerend 		{ background: transparent url(images/strip/grondkerend.jpg) no-repeat;}
#filmstrip_header_stuwen 			{ background: transparent url(images/strip/stuwen.jpg) no-repeat;}
#filmstrip_header_tunnels 			{ background: transparent url(images/strip/tunnels.jpg) no-repeat;}
#filmstrip_header_grafelementen 	{ background: transparent url(images/strip/grafelementen.jpg) no-repeat;}
#filmstrip_header_beekbodems 		{ background: transparent url(images/strip/beekbodems.jpg) no-repeat;}
#filmstrip_header_trappen 			{ background: transparent url(images/strip/trappen.jpg) no-repeat;}
#filmstrip_header_industrieel 		{ background: transparent url(images/strip/industrie.jpg) no-repeat;}
#filmstrip_header_contact 			{ background: transparent url(images/strip/contact.jpg) no-repeat;}
#filmstrip_header_corporate 		{ background: transparent url(images/strip/corporate.jpg) no-repeat;}
#filmstrip_header_sitemap 			{ background: transparent url(images/strip/sitemap.jpg) no-repeat;}
#filmstrip_header_zoeken			{ background: transparent url(images/strip/zoeken.jpg) no-repeat;}
#filmstrip_header_nieuws			{ background: transparent url(images/strip/nieuws.jpg) no-repeat;}
#filmstrip_header_vacatures			{ background: transparent url(images/strip/vacatures.jpg) no-repeat;}
#filmstrip_header_downloads			{ background: transparent url(images/strip/downloads.jpg) no-repeat;}
#filmstrip_header_producten			{ background: transparent url(images/strip/producten.jpg) no-repeat;}
#filmstrip_header_disclaimer		{ background: transparent url(images/strip/disclaimer.jpg) no-repeat;}

.filmstrip_header img.crosshatch	{ position: absolute; top: 63px; left: 498px; }

#filmstrip_content	{
					  position: relative;
					  display: block; width: 520px; height: 85px;
					  margin: 40px 0px 0px 0px;
					  background: transparent url(images/filmstrip_dummy.jpg) no-repeat;
					}

#filmstrip_content img.crosshatch	{ position: absolute; top: 63px; left: 498px; }

#filmstrip_home	{
				  display: block; width: 520px; height: 85px;
				  margin: 40px 0px 0px 0px;

				}

#rayonmanagers_map  { float: left; width: 340px; overflow: hidden; background: #fff; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
#rayonmanagers_txt  { float: left; width: 180px; height: 310px; overflow: hidden; background: #fff; padding: 30px 0px 10px 0px; margin: 0px 0px 0px 0px; }

#formResponseContainer {
	
}

div.home-banner {
	position: relative;
	float: left;
	width: 224px;
	background: #0d71b4;
	color: #ffffff;
	border-bottom: 5px solid #a4c2e3;
	margin: 10px 8px 15px 0;
	padding: 5px 15px;
}
	div.home-banner.right {
		margin: 10px 0px 15px 0;
	}
	div.home-banner a.lees-meer {
		position: absolute;
		bottom: 10px;
		right: 10px;
		color: #86b8da;
	}
		div.home-banner a.lees-meer:hover {
			color: #ffffff;
		}



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

h1		{
		  font-weight: bold;
		  font-size: 180%;
		  line-height: 160%;
		  color: #fff;
		  padding: 0px;
		  margin: 25px 0px 20px 0px;
		  border-bottom: 2px solid #0c70b4;
		}

h1.nieuws	{ margin: 25px 0px 30px 0px; }

h2		{
		  font-weight: bold;
		  font-size: 110%;
		  line-height: 100%;
		  color: #fff;
		  padding: 0px;
		  margin: 25px 0px 0px 0px;
		}

h2.search_header	{ font-size: 120%; }

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: #fff;
	  margin: 10px 0px 10px 0px;
	  padding: 0px;
	}

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

p.brochure		{ float: right; margin: 20px 0px 0px 40px; }
p.brochure_corp		{ float: right; margin: 30px 0px 0px 40px; }
p.brochure img	{ vertical-align: middle; margin: 0px 0px 0px 5px; }

p.search	{ margin: 0px 0px 10px 0px; }
span.search_highlight	{ background-color: #ffff99; color: #333; }

p.leesverder				{ font-weight: bold; }
p.leesverder.previous		{ float: left; padding: 0px 10px 0px 0px; margin: 20px 0px 0px 6px; }
p.leesverder.numbering		{ float: left; text-align: center; margin: 20px 10px 0px 10px; }
p.leesverder.next			{ float: left; padding: 0px 0px 0px 10px; margin: 20px 0px 0px 0px; }

strong.red	{ color: #f00; }

p#boxsizetoggler	{ position: absolute; bottom: 0px; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; background: #4e5560; width: 100%; }

#foto_referenties_desc p	{ margin: 5px 10px 5px 10px; line-height: 120%; }

.news_block_header p	{ margin: 0px; padding: 5px 10px 10px 10px; font-size: 100%; }
.news_block_content p	{ margin: 0px; padding: 10px; color: #333; }

span.super		{ line-height: 100%; font-size: 80%; }


/*****************************************************************
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: none; color: #999; }
A:link		{ text-decoration: none; color: #999; }
A:visited	{ text-decoration: none; color: #999; }
A:active	{ text-decoration: none; color: #999; }
A:hover		{ text-decoration: underline; color: #fff; }
A.active	{ text-decoration: underline; color: #fff; }

.product_thumb A, .product_thumb_last A		{ line-height: 150%; font-weight: bold; }
.product_thumb A:hover, .product_thumb_last A:hover	{ text-decoration: none; }

p.brochure A		{ margin: 0px 0px 0px 0px; font-weight: bold; }
p.brochure A:hover	{ text-decoration: none; }

.news_block_header A	{ color: #d3e7f3;  }
.news_block_header A	{ color: #fff;  }

.news_block_content A	{ color: #999; font-weight: bold;  }
.news_block_content A	{ color: #000;  }

p.page_numbering				{ margin: 0px 0px 20px 0px; font-size: 110%; }
p.page_numbering span.inactive	{ font-weight: bold; padding: 0px 2px 0px 2px; color: #666; }

p.page_numbering A 			{ text-decoration: none; color: #999; font-weight: bold; padding: 0px 2px 0px 2px; }
p.page_numbering A:link		{ text-decoration: none; color: #999; }
p.page_numbering A:visited	{ text-decoration: none; color: #999; }
p.page_numbering A:active	{ text-decoration: none; color: #999; }
p.page_numbering A:hover	{ text-decoration: none; color: #fff; }
p.page_numbering A#pnactive	{ text-decoration: underline; color: #3399ff; }


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

table.downloads		{ width: 100%; }

table.downloads td			{ background: #a9d0e8; padding: 5px; }
table.downloads td.even		{ background: #d3e7f3; }
table.downloads td.terug	{ background: #0072ba; }

table.downloads A 			{ text-decoration: none; color: #333; font-weight: bold; }
table.downloads A:link		{ text-decoration: none; color: #333; }
table.downloads A:visited	{ text-decoration: none; color: #333; }
table.downloads A:active	{ text-decoration: none; color: #333; }
table.downloads A:hover		{ text-decoration: underline; color: #0066cc; }
table.downloads A.active	{ text-decoration: underline; color: #0066cc; }

table.downloads td.terug A			{ color: #ddd; }
table.downloads td.terug A:hover	{ color: #fff; }

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

ul.content, ol.content	{
						  font-size: 100%;
						  line-height: 140%;
						  color: #333;
						  margin: 0px 30px 0px 20px; padding: 0px;
						  list-style-type: none;
						}

ul.contentwit { 		font-size: 100%;
						line-height: 140%;
						color: #fff;
						margin: 0px 30px 0px 20px; padding: 0px;}

ul#white	{ color: #fff;}



ul#links		{ list-style-type: none; margin: 0px; padding: 0px; border-top: 2px solid #999999; width: 400px; }

ul#links strong	{ font-weight: bold; }

ul#links A		{
							  display: block;
							  width: 400px;
							  border: none;
							  color: #fff;
							  text-decoration: none;
							  margin: 0px;
							  padding: 5px 0px 5px 0px;
							  border-bottom: 2px solid #999999;
							}

ul#links A:link		{ color: #ccc; }
ul#links A:visited	{ color: #ccc; }
ul#links A:active	{ color: #ccc; }
ul#links A:hover	{ color: #fff; }
ul#links A#act_ref	{ color: #fff; }

ul#links span						{ display: none; }
ul#links A#act_ref span.chevron	{ display: inline; font-weight: bold; font-size: 120%; line-height: 100%; }