
/*****************************************************************
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: #0096d5 url(images/body_bg.gif) repeat-x;
			}

.clearboth { clear: both; }

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

#content	{ width: 696px; background: #000; border: 2px solid #2e2e2e; }

#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_nav_right	{ float: left; width: 144px; margin-top: 10px; overflow: hidden; }
#content #content_right_home	{ float: left; width: 144px; margin-top: 10px; }

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

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

div.map_locations	{ display: none; }

#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; }
#logo_box img#logo	{ margin: 36px 0px 0px 36px; }

#bg_rail	{
			  position: absolute; top: 350px; left: 0px;
			  z-index: 1;
			  width: 100%;
			  height: 170px;
			  background-image: url(images/strip-bg.png);
			  background-position: bottom left;
			  background-repeat: repeat-x;
			}


div.streep { display: block; height: 11px; margin: 0px 0px 0px 20px; background: transparent url(images/lijn.jpg) no-repeat; }

div#map			{ float: left; width: 450px; height: 500px; overflow: hidden; margin: 0px 0px 20px 20px; border: 5px solid #1c3e86; }
div#map_desc	{ float: left; width: 200px; }

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

h1		{
		  font-weight: bold;
		  font-size: 140%;
		  color: #faffab;
		  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: #faffab;
		  padding: 0px;
		  margin: 20px 20px 10px 20px;
		  background: transparent;
		}

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

p	{
	  line-height: 130%;
	  color: #faffab;
	  padding: 0px;
	  margin: 10px 20px 20px 20px;
	  width:400px;
	  text-align: justify;
	}

p img { margin-right:-230px; float:right; position:relative; margin-left:20px; }


strong 				{ font-size: 120%; color: #00c8f9; }
#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: 20px 0px 0px 20px; }
p.page_numbering span.inactive	{ font-weight: bold; padding: 0px 3px 0px 3px; color: #666; }

p.page_numbering A 			{ text-decoration: none; color: #00A5EF; font-weight: bold; padding: 0px 3px 0px 3px; }
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: #00b0ff; }
p.page_numbering A:hover	{ text-decoration: none; color: #00b0ff; }
p.page_numbering A#pnactive	{ text-decoration: none; background: #00A5EF; color: #faffab; }

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

#product_active { color: #000; font-weight: bold;}

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

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

ul.route	{
			  line-height: 140%;
			  color: #faffab;
			  margin: 0px 10px 15px 35px;
			  padding: 0px;
			  list-style-type: square;
			}

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


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

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

ul#corp_nav li	{ display: block; background: transparent; height: 35px; margin: 0px; padding: 0px; }

ul#prod_nav li A 		{
				  text-decoration: none;
				  color: #C2C4C6;
				  font-weight: bold;
				  display: block;
				  height: 35px;
				  border: 0px solid #202124;
				  margin: 0px 0px 5px 0px;
				  padding: 0px;
				}

ul#corp_nav	{ position: absolute; top: 10px; 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: 0px 0px 0px 0px;
						  display: block;
						  vertical-align: middle;
						}

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

/* DIT STAAT IN FORMS.CSS */
















