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

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

.clearboth { clear: both; }

#container	{ position: absolute; top: 36px; left: 242px; z-index: 10; background: transparent; padding: 0px 0px 20px 0px; }

#content	{ width: 696px; background: #fff; border: 4px solid #202124; }

#content #content_home	{ float: left; width: 552px; }

#content #content_nav_left	{ float: left; width: 164px; margin-top: 10px; }
#content #content_center	{ float: left; width: 388px; }
#content #content_route		{ background: #fff; float: left; width: 520px; }
#content #content_nav_right	{ float: left; width: 144px; margin-top: 10px; overflow: hidden; }
#content #content_right_home	{ float: left; width: 144px; margin-top: 10px; }

#prod_nav	{ position: absolute; top: 160px; left: 36px; z-index: 12; }

#logo_box		{ position: absolute; top: 0px; left: 0px; z-index: 2; width: 181px; height: 347px; background: #C4C9CD; }
#logo_box img#logo	{ margin: 36px 0px 0px 36px; }

#bg_rail	{ position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 508px; background: #3E444A url(images/bg_rail_bg.jpg) repeat-x bottom left; }

div.contact_column	{ width: 33%; float: left; }

.contact_row {
	width: 100%;
	height: 280px;
}

.contact_bedrijf {
	width: 212px;
	height: 100%;
	float: left;
}

.bedrijf_logo {
	padding: 10px;
	text-align: left;
	margin: 0px auto;
	width: 100%;
	height: 30px;
}

img#grootse_ideeen	{ margin: 32px 0px 0px 40px; }
img#home_foto		{ margin: 15px 0px 0px 40px; }
img#main_img		{ margin: 20px 0px 0px 0px; }

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

h1		{	  
		  font-weight: bold;
		  font-size: 140%;
		  color: #202124;
		  padding: 0px;
		  margin: 20px 20px 10px 20px;
		  background: transparent;
		}
		
h1.home		{ margin: 15px 20px 0px 100px; }
h1.invisible	{ display: none; }

#content_center h1	{ margin: 20px 0px 0px 0px; }

h2		{	  
		  font-weight: bold;
		  font-size: 140%;
		  color: #202124;
		  padding: 0px;
		  margin: 20px 20px 10px 20px;
		  background: transparent;
		}

h2 span.nieuws_datum	{ font-weight: normal; font-size: 80%; }

p	{
	  line-height: 130%;
	  color: #202124;
	  padding: 0px;
	  margin: 10px 20px 0px 20px;
	}
	
#content_center p	{ margin: 10px 0px 0px 0px; }
	
p.home	{ font-weight: bold; margin: 10px 20px 0px 100px; }	
p.nieuws_summary	{ margin: 0px 20px 0px 20px; }	

div.contact_column p	{ line-height: 120%; font-size: 90%; margin: 20px 0px 0px 10px; }
div.contact_column p img	{ margin: 0px 0px 5px 0px; }

div.contact_bedrijf p { line-height: 120%; font-size: 90%; margin: 20px 0px 0px 10px; }

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: #0066CC; }

/***************************************************************** 
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: #00A5EF; }
A:link		{ text-decoration: none; color: #00A5EF; }
A:visited	{ text-decoration: none; color: #00A5EF; }
A:active	{ text-decoration: none; color: #00A5EF; }
A:hover		{ text-decoration: underline; color: #3C71B6; }
A#active	{ text-decoration: underline; color: #3C71B6; }		

A.logo_bedrijf	{ display: block; text-align: center; margin: 5px 0px 0px 0px; }
A:hover.logo_bedrijf	{ text-decoration: none; }

a img {
  border: 0;
  margin: 0 30px 10px 0;
}

/***************************************************************** 
TABLE DECLARATIONS
*****************************************************************/ 

table#zoek_doos		{ width: 660px; margin: 0px 0px 0px 18px; padding: 10px; border: 4px solid #202124; }
table#zoek_result	{ width: 660px; margin: 10px 0px 0px 18px; padding: 0px; border: 4px solid #202124; }
table#zoek_result td	{ padding: 5px; }


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

ul.content	{
		  line-height: 140%;
		  color: #4F4F4F;
		  margin: 0px 10px 15px 60px;
		  padding: 0px;
		}

#content_right ul.content	{ margin: 10px 10px 15px 40px; }


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

ul#prod_nav	{ position: absolute; top: 160px; left: 36px; z-index: 12; margin: 0; padding: 0; list-style: none;  }

ul#prod_nav li A 		{ 
				  text-decoration: none;
				  color: #C2C4C6;
				  font-weight: bold;
				  background: #3E444A;
				  display: block;
				  width: 196px;
				  border: 4px solid #202124;
				  margin: 0px 0px 10px 0px;
				  padding: 3px;
				}
				
ul#prod_nav li A:link		{ text-decoration: none; color: #C2C4C6; }
ul#prod_nav li A:visited	{ text-decoration: none; color: #C2C4C6; }
ul#prod_nav li A:active		{ text-decoration: none; color: #C2C4C6; }
ul#prod_nav li A:hover		{ text-decoration: none; color: #fff; background: #0F79BF; }
ul#prod_nav li A#active_prod	{ text-decoration: none; color: #202124; background: #fff; border-right: none; width: 200px; }	

ul#prod_nav li#languages	{ text-align: right; padding: 0px 0px 0px 75px; }

ul#prod_nav li#languages A	{ margin: 0px 10px 0px 0px; padding: 0px; width: 32px; border: none; background: transparent; float: left; }
ul#prod_nav li#languages img	{ margin: 0px 10px 0px 0px; padding: 0px; width: 32px; border: none; background: transparent; float: left; }

ul#corp_nav	{ position: absolute; top: 12px; left: 242px; z-index: 12; margin: 0; padding: 0; list-style: none;  }

ul#corp_nav li	{ float: left; display: inline; background: transparent; height: 22px; }

ul#corp_nav li A 		{ 
				  text-decoration: none;
				  text-transform: uppercase;
				  font-size: 90%;
				  color: #C2C4C6;
				  font-weight: normal;
				  background: transparent;
				  margin: 0px 0px 0px 0px;
				  padding: 3px 36px 0px 5px;
				  display: block;
				  vertical-align: middle;
				}
				
ul#corp_nav li A#zoektekst	{ padding: 0px 0px 0px 5px; display: inline; }
ul#corp_nav li input#zoektermen	{ border: 2px solid #202124; height: 14px; width: 120px; vertical-align: middle; font-size: 80%; margin: 0px 0px 2px 0px; padding: 0px 2px 0px 2px; }
				
ul#corp_nav li A:link		{ text-decoration: none; color: #C2C4C6; }
ul#corp_nav li A:visited	{ text-decoration: none; color: #C2C4C6; }
ul#corp_nav li A:active		{ text-decoration: none; color: #C2C4C6; }
ul#corp_nav li A:hover		{ text-decoration: none; color: #ddd; }
ul#corp_nav li A#active_corp	{ text-decoration: none; color: #fff; }	


ul#deelnemers	{ margin: 10px 0px 0px 15px; padding: 0px; font-size: 90%; }
#content_right_home ul#deelnemers	{ margin: 20px 0px 0px 0px; }
#content_nav_right ul#deelnemers	{ margin: 10px 0px 0px 10px; }

ul#deelnemers li		{ list-style-type: none; line-height: 110%; padding: 5px 0px 0px 20px; margin: 0px; }
ul#deelnemers li.empty		{ padding: 5px 10px 0px 0px; }
ul#deelnemers li.header		{ padding: 5px 0px 0px 0px; }
ul#deelnemers li#de_hamer	{ list-style-type: none; background: url(images/bedrijven/de_hamer_tmb.gif) 1px 3px no-repeat; }
ul#deelnemers li#romein		{ list-style-type: none; background: url(images/bedrijven/romein_tmb.gif) 1px 3px no-repeat; }
ul#deelnemers li#kemper		{ list-style-type: none; background: url(images/bedrijven/kemper_tmb.gif) 0px 6px no-repeat; }
ul#deelnemers li#lodewikus	{ list-style-type: none; background: url(images/bedrijven/lodewikus_tmb.gif) 1px 6px no-repeat; }
ul#deelnemers li#oosterhoutse	{ list-style-type: none; background: url(images/bedrijven/obc_tmb.gif) 0px 8px no-repeat; }
ul#deelnemers li#bubbledeck	{ list-style-type: none; background: url(images/bedrijven/bubbledeck_tmb.gif) 0px 3px no-repeat; }
ul#deelnemers li#de_meteoor	{ list-style-type: none; background: url(images/bedrijven/de_meteoor_tmb.gif) 0px 4px no-repeat; }
ul#deelnemers li#vebo		{ list-style-type: none; background: url(images/bedrijven/vebo_tmb.gif) 0px 6px no-repeat; }
ul#deelnemers li#stelcon	{ list-style-type: none; background: url(images/bedrijven/stelcon_tmb.gif) 0px 8px no-repeat; }
ul#deelnemers li#monshouwer	{ list-style-type: none; background: url(images/bedrijven/monshouwer_tmb.gif) 0px 4px no-repeat; }
ul#deelnemers li#nehobo		{ list-style-type: none; background: url(images/bedrijven/nehobo_tmb.gif) 0px 4px no-repeat; }
ul#deelnemers li#gelissen	{ list-style-type: none; background: url(images/bedrijven/gelissen_tmb.gif) 0px 4px no-repeat; }
ul#deelnemers li#hermans	{ list-style-type: none; background: url(images/bedrijven/hermans_tmb.gif) 0px 4px no-repeat; }

ul#deelnemers li A		{ display: block; height: 13px; text-decoration: none; color: #202124; border-bottom: 1px solid #333; padding: 0px 0px 1px 2px; margin: 0px 10px 0px 0px; }
ul#deelnemers li A:link		{ text-decoration: none; color: #202124; }
ul#deelnemers li A:visited	{ text-decoration: none; color: #202124; }
ul#deelnemers li A:active	{ text-decoration: none; color: #202124; }
ul#deelnemers li A:hover	{ text-decoration: none; color: #3C71B6; }
ul#deelnemers li A#deelnemers_active		{ display: block; height: 13px; text-decoration: none; color: #3C71B6; font-weight: bold; border-bottom: 1px solid #333; padding: 0px 0px 1px 2px; margin: 0px 10px 0px 0px; }
ul#deelnemers li A#deelnemers_active_double	{ display: block; height: 24px; text-decoration: none; color: #3C71B6; font-weight: bold; border-bottom: 1px solid #333; padding: 0px 0px 1px 2px; margin: 0px 10px 0px 0px; }

ul#deelnemers li A.double	{ height: 24px; }

ul#producten			{ margin: 10px 10px 0px 10px; padding: 0px; font-size: 90%; }
ul#producten li			{ list-style-type: none; line-height: 110%; padding: 5px 0px 2px 2px; margin: 0px; border-bottom: 1px solid #333; }

ul#producten.nieuws li		{ padding: 15px 0px 4px 2px; }
ul#producten.nieuws li.header	{ padding: 5px 0px 2px 2px; }
ul#producten.nieuws li.leesmeer	{ padding: 15px 0px 2px 2px; border: none; }

ul#producten li.header		{ border: none; }
ul#producten li A:link		{ display: block; text-decoration: none; color: #202124; }
ul#producten li A:visited	{ text-decoration: none; color: #202124; }
ul#producten li A:active	{ text-decoration: none; color: #202124; }
ul#producten li A:hover		{ text-decoration: none; color: #3C71B6; }
ul#producten li A#product_active	{ display: block; text-decoration: none; color: #3C71B6; font-weight: bold; }

ul#alpha_nav	{ margin: 4px 0px 0px 4px; padding: 0px; list-style-type: none; }
ul#alpha_nav li	{ float: left; display: inline; background: transparent; }
ul#alpha_nav li A		{ display: block; text-decoration: none; color: #fff; font-weight: bold; padding: 2px 8px 2px 8px; margin: 2px 1px 0px 1px; background: #3E444A; }
ul#alpha_nav li A.wider		{ padding: 2px 9px 2px 9px; }
ul#alpha_nav li A:link		{ text-decoration: none; color: #fff; }
ul#alpha_nav li A:visited	{ text-decoration: none; color: #fff; }
ul#alpha_nav li A:active	{ text-decoration: none; color: #fff; }
ul#alpha_nav li A:hover		{ text-decoration: none; color: #fff; background: #3C71B6; }
ul#alpha_nav li A#alpha_active	{ text-decoration: none; color: #202124; background: #fff; }

/***************************************************************** 
CONTACT FORM DECLARATIONS
*****************************************************************/

/* DIT STAAT IN FORMS.CSS */

/***************************************************************** 
SITEMAP LIST DECLARATIONS
*****************************************************************/

ul.sitemap	{
		  width: 40%;
		  float: left;
		  line-height: 160%;
		  color: #003366;
		  margin: 0px 0px 0px 0px;
		  padding: 0px 0px 0px 60px;
		}
		
ul.sitemap ul		{ margin: 0px 0px 0px 10px; padding: 0px; }		
ul.sitemap li		{ font-weight: bold; list-style-type: square; padding-top: 5px; }		
ul.sitemap li li	{ font-weight: normal; list-style-type: disc; margin: 0px 0px 0px 10px; padding: 0; }