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

body		{
		  text-align: center;
		  padding: 0px;
		  margin: 0px;
		  background-color: #fff;
		  font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 76%;
		}

.clearboth { clear: both; }

#container	{ position: relative; width: 870px; margin: 31px auto 0px auto; background: transparent; }

		#leftbar	{ position: absolute; top: 100px; left: 0px; width: 80px; height: 300px; border-right: 1px solid #808080; padding: 0px 0px 0px 0px; background: transparent; }

		#leftbar p	{ position: absolute; bottom: 5px; right: 5px; font-size: 86%; padding: 0px; text-align: right; line-height: 160%; }

		#content	{ position: absolute; top: 89px; left: 81px; text-align: left; width: 589px; padding: 0px 0px 0px 0px; background: transparent; }
		
		#content_image	{ float: left; clear: right; width: 200px; padding: 0px 0px 0px 0px; background: #B0C88C; }

		#mission_st	{ width: 320px;}
		
		#sidebar	{ position: absolute; top: 80px; left: 670px; width: 200px; padding: 0px 0px 0px 0px; background: #B0C88C; }
		
		#sidebar p	{ font-size: 86%; line-height: 130%; }
		
		.sidebar_box_1		{ margin: 10px 8px 10px 8px; background: #D8E4C6 url(images/sidebar_1_hoekje.gif) no-repeat bottom right; }
		
		.sidebar_box_1 p	{ text-align: left; color: #333; padding: 5px 5px 15px 5px; }
		
		.sidebar_box_1 p.dimmed	{ text-align: left; color: #666; padding: 5px 5px 15px 5px; }

		.sidebar_box_2		{ margin: 10px 8px 10px 8px; padding: 1px 0px 0px 0px; background: #D8E4C6 url(images/sidebar_2_hoekje.gif) no-repeat bottom right; }			
		
		.sidebar_box_2 p	{ text-align: left; color: #333; padding: 5px 5px 15px 5px; }
		
		.sidebar_box_2 p#header { display: block; font-weight: bold; font-size: 100%; color: #FFFFFF; margin: 1px 2px 1px 2px; padding: 4px 5px 4px 20px; background: url(images/sidebar_2_header.gif) no-repeat 0px 0px; }

		.sidebar_box_3		{ margin: 10px 8px 10px 8px; padding: 0px; }						
			
		.sidebar_box_4		{ margin: 0px 0px 0px 2px;  padding: 0px;}						

		#footer	{ position: absolute; bottom: -1px; right: 1px; width: 725px; height: 14px; background: transparent; }
		
			#content_footer	{ width: 525px; height: 14px; float: right; background: #66242D; }
			
			#sidebar_footer	{ width: 200px; height: 14px; float: right; background: #62911A; }

#menu		{ z-index: 10; position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; background: #62911A; }

#logo		{ position: absolute; top: 0px; left: 50px; width: 420px; background: transparent; }

#flash		{ position: absolute; top: 1px; left: 470px; text-align: right; width: 400px; height: 79px; background: #B0C88C; overflow: hidden; }

.solutions_kader		{ float: right; background: url(images/solutions_kader.gif) no-repeat; width: 174px; height: 175px; margin-right: 1px; }

.solutions_kader p		{ padding: 5px 5px 5px 10px; color: #000; }

.solutions_kader p.header	{ padding: 5px 5px 10px 15px; color: #fff; font-weight: bold; background: url(images/fleche_solutions_r.gif) no-repeat 4px 6px; }

.solutions_kader ul		{ font-size: 90%; color: #000; padding: 2px 5px 2px 17px; }

.solutions_kader ul li		{ margin-bottom: 6px; }

#solutions_desc			{ float:right; width: 275px; }

#solutions_form			{ float:right; width: 250px; }
#solutions_form p		{ padding: 0px 0px 5px 0px; }
#solutions_form select		{ width: 250px; }

.references_kader		{ float: right; background: url(images/references_kader.gif) no-repeat; width: 174px; height: 200px; margin-right: 1px; }

.references_kader p.header	{ padding: 5px 5px 10px 15px; color: #fff; font-weight: bold; background: url(images/fleche_solutions_r.gif) no-repeat 4px 6px; }

.technology_kader		{ float: right; margin: 0px 1px 2px 0px; }
.technology_kader#kader_1	{ width: 110px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_2	{ width: 110px; background: #D8DABE url(images/technology_hoekje_1.gif) no-repeat bottom right; }
.technology_kader#kader_3	{ width: 300px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_4	{ width: 175px; }
.technology_kader#kader_5	{ width: 175px; height: 160px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_6	{ width: 170px; height: 170px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_6a	{ width: 185px; height: 170px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_7	{ width: 170px; height: 270px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_7a	{ width: 185px; height: 270px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_8	{ width: 170px; height: 220px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }
.technology_kader#kader_8a	{ width: 185px; height: 220px; background: #D8E4C6 url(images/technology_hoekje_3.gif) no-repeat bottom right; }

.technology_kader p		{ padding: 5px 5px 5px 10px; color: #000; }

.technology_kader p.header	{ padding: 5px 5px 5px 18px; color: #fff; font-weight: bold; background: url(images/technology_header_bg.jpg) no-repeat 0px 0px; }

.technology_kader ul		{ font-size: 90%; color: #000; padding: 5px 5px 5px 25px; }

.technology_kader ul li		{ margin-bottom: 5px; }

.news_kader			{ float: right; margin: 0px 1px 0px 0px; width: 525px; background: #eee url(images/nieuws_hoekje.gif) no-repeat bottom right; }
.news_kader p			{ padding: 5px 5px 5px 10px; color: #000; }
.news_kader p.header		{ padding: 5px 5px 5px 18px; color: #fff; font-weight: bold; background: #00A8E3 url(images/news_header_bg.gif) no-repeat 0px 0px; }
.news_kader p.news_more		{ padding: 0px 5px 5px 10px; }

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

h1		{	  
		  font-size: 140%;
		  font-weight: bold;
		  color: #669933;
		  margin: 0px;
		  padding: 10px 10px 10px 64px;
		}

h2		{	  
		  font-size: 110%;
		  font-weight: bold;
		  color: #669933;
		  margin: 0px;
		  padding: 15px 10px 0px 64px;
		  background-image: url(images/fleche_r.gif);
		  background-repeat: no-repeat;
		  background-position: 40px 17px;
		}

p	{
	  font-size: 90%;
	  line-height: 140%;
	  color: #333333;
	  margin: 0;
	  padding: 5px 20px 10px 64px;		  		  
	}
	
p.header a		{ color: #eee; }	
p.header a:hover	{ color: #fff; text-decoration: none; }	
	
/***************************************************************** 
TABLE DECLARATIONS
*****************************************************************/ 	
	
table	{ margin: 5px 20px 10px 64px; font-size: 90%; line-height: 140%; color: #003366; }	

table td { vertical-align: top; padding-right: 15px;	 }

td.haakje { width: 40px; text-align: center;}
	
table#solutions_desc	{ margin: 0px 0px 10px 0px; }
table#solutions_desc td	{ background: #E2D3D6; padding: 2px; }
table#solutions_desc tr#header td	{ background: #fff; font-weight: bold; }

table#solutions_desc a		{ text-decoration: none; color: #000; }
table#solutions_desc a:hover	{ text-decoration: underline; color: #000; }

table#download	{ width: 370px; background: #D8DABE url(images/technology_hoekje_1.gif) no-repeat bottom right; margin: 10px 10px 12px 64px; }
table#documents	{ width: 370px; background: #D8DABE url(images/technology_hoekje_3.gif) no-repeat bottom right; margin: 10px 10px 12px 64px; }

table#download td		{ width: 50%; padding: 6px; margin: 0; vertical-align: top; color: #333; }
table#download tr#header td	{ width: 50%; padding: 6px; margin: 0; vertical-align: top; color: #000; }
table#documents td		{ width: 50%; padding: 2px 6px 2px 6px; margin: 0px; vertical-align: top; }

table#download 	A		{ color: #333; }
table#documents A		{ color: #333; }
table#download 	A:hover		{ color: #000; }
table#documents A:hover		{ color: #000; }
table#download 	A#active	{ color: #000; }
table#documents A#active	{ color: #000; }


/***************************************************************** 
list DECLARATIONS
*****************************************************************/ 	
	
ul	{
	  font-size: 90%;
	  line-height: 140%;
	  color: #000;
	  margin: 0px auto;
	  padding: 0px 20px 10px 84px;		  		  
	}	
	
ul.sidebar	{
	  list-style-type: none;
	  text-align: left;
	  color: #666; 
	  margin: 0;
	  padding: 0px 5px 10px 10px;		  		  
	}
	
ul.sidebar a		{ color: #66242D; text-decoration: none; }	
ul.sidebar a:hover	{ color: #000; text-decoration: underline; }	
ul.sidebar a#active	{ color: #000; text-decoration: none; }	

ul#sitemap	{
		  font-size: 90%;
		  line-height: 160%;
		  color: #003366;
		  margin: 0px 0px 0px 100px;
		  padding: 0px;
		}
		
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; }

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


/********************************************************
CONTACT FORM DEFS
********************************************************/

.form_desc		{ float: left; text-align: left; width: 120px; padding-left: 50px;}

.form_desc p 		{ font-family: arial, helvetica, sans-serif; margin: 0; color: #333; line-height: 200%; font-weight: bold; padding: 2px 10px 3px 15px; }

.form_desc_aanhef 	{ float: left; text-align: left; padding-left: 60px; }

.form_desc_aanhef p 	{ font-family: arial, helvetica, sans-serif; margin: 0; color: #333; line-height: 180%; font-weight: bold; padding: 2px 10px 3px 115px; }

.aanhef_radio		{ width: 15px; background-color: transparent; }

input.veld		{ width: 200px;}

.form_field		{ float: left; padding: 5px 0px 4px 5px;}

.form_field_opm		{ padding: 5px 0px 4px 10px; }

.brochure		{ padding: 5px 0px 4px 5px; }

.brochure p		{ padding: 5px 0px 4px 5px; }

textarea 		{ margin: 0px 0px 0px 0px; color: #333; background-color: #fff; width: 160px; height: 12px; }

.opmerkingen		{ height: 104px; width: 200px; }

.submit_form		{ width: 80px; height: 23px; margin: 10px 0px 14px 125px; }


/***************************************************************** 
DROPDOWN MENU DECLARATION -Proud!-
diverted from the magnificent and famous 'Suckerfish dropdown' method
source: http://www.htmldog.com/articles/suckerfish/example/
*****************************************************************/ 

/* Commented Backslash HACK (to hide this from IE5 MAC) \*/

ul#nav	{
	  list-style-type: none;
	  padding: 0px 0px 0px 38px;
	  margin: 0px auto;
	  width: 900px;
	  height: 31px;
	}


ul#nav A 		{ text-decoration: none; color: #dddddd; font-weight: bold; }
ul#nav A:link		{ text-decoration: none; color: #dddddd; }
ul#nav A:visited	{ text-decoration: none; color: #dddddd; }
ul#nav A:active		{ text-decoration: none; color: #ffffff; }
ul#nav A:hover		{ text-decoration: none; color: #336600; }

ul#nav li:hover A 		{ text-decoration: none; color: #ffffff; font-weight: bold; }
ul#nav li:hover A:link		{ text-decoration: none; color: #ffffff; }
ul#nav li:hover A:visited	{ text-decoration: none; color: #ffffff; }
ul#nav li:hover A:active	{ text-decoration: none; color: #ffffff; }
ul#nav li:hover A:hover		{ text-decoration: none; color: #ffffff; }

ul#nav li:hover li A 		{ text-decoration: none; color: #333333; font-weight: bold; }
ul#nav li:hover li A:link	{ text-decoration: none; color: #333333; }
ul#nav li:hover li A:visited	{ text-decoration: none; color: #333333; }
ul#nav li:hover li A:active	{ text-decoration: none; color: #ffffff; }
ul#nav li:hover li A:hover	{ text-decoration: none; color: #ffffff; }

ul#nav ul A 		{ text-decoration: none; color: #336600; font-weight: bold; }
ul#nav ul A:link	{ text-decoration: none; color: #336600; }
ul#nav ul A:visited	{ text-decoration: none; color: #336600; }
ul#nav ul A:active	{ text-decoration: none; color: #336600; }
ul#nav ul A:hover	{ text-decoration: none; color: #336600; }

#nav li a	{ 
	display: block;
	font-weight: bold;
	text-decoration: none;
	background: url(images/menu.gif) repeat-x;
	color: #336600;
	
}

#nav li#filler	{ display: block; }

#nav li a:hover { display: block; color: #FFFFFF; background: url(images/menu_on.gif) repeat-x;}

#nav li a#active	{ display: block; color: #663333; background: url(images/menu_act.gif) repeat-x; }

#nav li {
	float: left;
	position: relative; 
	display: inline;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#nav li ul {	
	position: absolute;
	display: none;
	top: 21px;
	left: 0;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

#nav li>ul {
	top: 31px;
	left: auto;
}

#nav li:hover ul, #nav li.over ul {
	top: 31px;
	display: block;
}

#nav li:hover a, #nav li.over a		{ background: url(images/menu_on.gif) repeat-x; }


#nav li li {
	background-color: #D9E2CA;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #62911A;
	border-right: 1px solid #62911A;
	background-image: none;
}

#nav li li#last 	{ padding: 0px; margin: 0px; border: 0px; background: url(images/dropdown_bottom.gif) no-repeat; }
#nav li#industries li#last 	{ background: url(images/dropdown_bottom163.gif) no-repeat; }
#nav li li#last a	{ background: transparent; padding: 8px 1px 8px 1px; }
#nav li li#last a:hover	{ background: transparent; }

#nav li li a, #nav li:hover li a, #nav li.over li a {
	font-weight: bold;
	color: #7a4;
	background-color: #D9E2CA;
	background-image: none;
	padding: 4px 0px 4px 0px;
	margin: 0px 2px 0px 2px;
}

#nav li li a:hover, #nav li:hover li a:hover, #nav li.over li a:hover {
	padding: 4px 0px 4px 0px;
	margin: 0px 2px 0px 2px;
	color: #fff;
	background-color: #62911A;
	background-image: none;
}

#nav li li a#active, #nav li:hover li a#active, #nav li.over li a#active {
	padding: 4px 0px 4px 0px;
	margin: 0px 2px 0px 2px;
	color: #62911A;
	background-color: #ECF1E5;
	background-image: none;
}

/* END Commented Backslash HACK */

/***************************************************************** 
DEDICATED DROP-DOWN BEHAVIOUR FOR ENGINEERING
These paddings and widths accomodate alignment and tweaking of
button locations and sub-menu's. It took a while to get here but
it works deliciously (Except on IE 5.1 MAC of course, but right now I say: fuck em!)
*****************************************************************/ 

/* Commented Backslash HACK (to hide this from IE5 MAC) \*/

#home a { padding: 8px 15px 9px 15px; }

#organization a { padding: 8px 15px 9px 15px; }

#organization ul, #organization ul a { width: 180px; }

#approach a { padding: 8px 15px 9px 15px; }

#approach ul, #approach ul a { width: 180px; }

#solutions a { padding: 8px 15px 9px 15px; }

#solutions ul, #solutions ul a { width: 180px; }

#services a { padding: 8px 15px 9px 15px; }

#services ul, #services ul a { width: 180px; }

#industries a { padding: 8px 19px 9px 20px; }

#industries ul, #industries ul a { width: 135px; }

#contact a { padding: 8px 8px 9px 8px; }

#news a { padding: 8px 22px 9px 24px; }

#downloads a { padding: 8px 26px 9px 27px; }

#career a { padding: 8px 8px 9px 8px; }

#filler	{ width: 75px; }

/* END Commented Backslash HACK */