/***************************************************************** 
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: 172px; margin-top: 10px; }
#content #content_center	{ float: left; width: 388px; }
#content #content_right		{ float: left; width: 490px; }
#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: #FE0000 url(images/bg_rail_bg.jpg) repeat-x bottom left; }

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

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

#thumbnail_container	{ margin: 30px 40px 10px 10px; width: 100%; }
div.thumb		{
				  float: left;
				  width: 100px; height: 100px;
				  text-align: center;
				  background: transparent;
				  margin: 0px 20px 20px 0px;
				}

div.thumb img	{ vertical-align: middle; border: 1px solid #faffab; }
div.thumb img.landscape	{ margin-top: 10px; }


#content #image_container	{ margin: 20px 20px 10px 20px; text-align: center; }
#content #image_container p	{ text-align: center; width: auto; margin: 10px 0px 10px 0px; }
#content #image_container p.terug	{ text-align: left; }


/***************************************************************** 
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; }

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

#product_active { color: #000; font-weight: bold;}
/***************************************************************** 
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; }

ul#producten	{ margin: 0px; padding: 20px 10px 0px 20px; }
ul#producten li	{ margin: 0px; }

ul#producten li.topSpacing	{ margin-top: 10px; }

/***************************************************************** 
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.langChoice {
	margin-top: 0px;
}

ul#prod_nav li.langChoice A {
	background: #fff url(images/english.gif) no-repeat top left;
	padding: 10px 0px 9px 106px;
	width: 96px;
	color: #999;
}

ul#prod_nav li.langChoice A:hover {
	background: #fff url(images/english_on.gif) no-repeat top left;
}

ul#prod_nav li.langChoiceNL {
	margin-top: 10px;
}

ul#prod_nav li.langChoiceNL A {
	background: #fff url(images/dutch.gif) no-repeat top left;
	padding: 10px 0px 9px 66px;
	width: 136px;
	color: #999;
}

ul#prod_nav li.langChoiceNL A:hover {
	background: #fff url(images/dutch_on.gif) no-repeat top left;
}

ul#corp_nav	{ position: absolute; top: 8px; 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: #fff;
				  font-weight: bold;
				  background: transparent;
				  margin: 0px 10px 0px 0px;
				  padding: 7px 12px 3px 12px;
				  display: block;
				  vertical-align: middle;
				  border-left: 4px solid #f00;
				  border-top: 4px solid #f00;
				  border-right: 4px solid #f00;
				}
				
ul#corp_nav li A:link		{ text-decoration: none; color: #fff; }
ul#corp_nav li A:visited	{ text-decoration: none; color: #fff; }
ul#corp_nav li A:active		{ text-decoration: none; color: #fff; }

ul#corp_nav li A:hover		{ text-decoration: none; color: #000;
				  border-left: 4px solid #202124;
				  border-top: 4px solid #202124;
				  border-right: 4px solid #202124;
				  background: #ccc;
				  padding-bottom: 7px;
				}
ul#corp_nav li A#active_corp	{ text-decoration: none; color: #202124;
				  border-left: 4px solid #202124;
				  border-top: 4px solid #202124;
				  border-right: 4px solid #202124;
				  background: #fff;
				  padding-bottom: 7px;
				}	

/***************************************************************** 
TABLEs
*****************************************************************/

table {
	margin: 0px 0px 0px 20px;	
}

table td {
	padding: 5px;
}

table td.date {
	width: 70px;
}

table td.time {
	width: 90px;
}