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

body		{
		  text-align: center;
		  padding: 0px;
		  margin: 20px 0px 20px 0px;
		  background: #eee;
		  font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 76%;
		  overflow-x: hidden;
		}

.clearboth { clear: both; }

#container	{ position: relative; width: 895px; background: url(images/background.gif) repeat-y; margin: 0px auto; }

#container img#gradtop	 { position: absolute; top: 93px;  left: 175px; }


	#content		 { position: absolute; top: 124px; left: 174px;    text-align: left; padding: 0px 0px 50px 0px;  }
	#content p	 	 { width: 550px;}
	#content.home p	 	 { width: auto;}	

	#content.producten img	 { position: absolute; top: 70px;  left: 435px; }
	#content img.prijswinnaar	 { position: relative; left: 0; top: 0; margin: 0px 0px 0px 15px; }
	#content.producten img#img1	 { position: absolute; top: 70px;  left: 435px; }
	#content.producten img#img2	 { position: absolute; top: 400px; left: 435px; }
	#content.producten img#img3	 { position: absolute; top: 730px; left: 435px; }
	#content.producten img#img4	 { position: absolute; top: 1060px; left: 435px; }
	#content.producten img#img1a	 { position: absolute; top: 70px;  left: 435px; }
	#content.producten img#img2a	 { position: absolute; top: 600px; left: 435px; }
	#content.producten img#img3a	 { position: absolute; top: 1130px; left: 435px; }
	#content.producten p, #content.producten ul, #content.producten h2	 { width: 370px;}
	
	#content.1referenties img 	{ position: absolute; top: 50px; left: 15px; }
	#content.1referenties h2	{ width: 310px; padding: 10px 0px 0px 380px; }
	#content.referenties p		{ width: 650px; padding: 10px 0px 20px 16px; }
	#content.1referenties p.page_number { 
				   position: absolute; 
				   bottom: 10px; 
				   left: 380px; 
				   width: 310px;
				   height: 27px;
				   color: #fff;
				   padding: 2px 0px 2px 2px;
				   text-align: center;
				   background: url(images/background_referenties.gif) repeat-x;
			 	  }

	#downloads	{ position: absolute; top: 50px; left: 10px; 
			  width: 518px; height: 355px;
			  background: #F4FAF7 url(images/background_downloads.gif) no-repeat; 
			  margin: 0px 0px 0px 0px;
			  padding: 40px 0px 0px 12px; 
			}


	#form	{ position: absolute; top: 50px; left: 10px; 
		  width: 468px; height: 448px;
		  background: #F4FAF7 url(images/background_form.gif) no-repeat; 
		  margin: 0px 0px 0px 0px;
		  padding: 20px 0px 0px 48px; 
		}



	#content_left			{ position: absolute; top: 83px; left: 7px; width: 174px; background: url(images/background_left.gif) no-repeat; }
	#content_left p#producten	{ position: absolute; top: 3px;    left: 50px; }
	#content_left p#adres		{ position: absolute; bottom: 8px; left: 0px; }
		#left_navigation 	{ position: absolute; top: 33px;   left: 0px; width: 170px; margin: 0px; padding: 0px; }

	#header			{ position: absolute; top: 0px;   left: 0px; width: 895px; height: 83px; margin: 0px; padding: 2px 10px 2px 0px; background: url(images/background_top.gif) no-repeat; text-align: right; }
	#header_foto 		{ float: right; padding: 6px 10px 0px 0px; }
	#logo			{ position: absolute; top: 15px;   left: 22px; width: 220px; height: 60px; margin: 0px; padding: 0px; }
	#navigation		{ position: absolute; top: 83px;   left: 181px; width: 704px; height: 30px; margin: 0px; padding: 0px; }

	#footer			{ position: absolute; bottom: 0px;   left: 0px; width: 895px; height: 66px; margin: 0px; padding: 0px; background: url(images/background_bottom.gif) no-repeat; text-align: left; }
	
	.gallery	{ float: left; margin: 10px; width: 155px;}

object#referentie { margin: 0px 0px 0px 16px; padding: 10px 0px 30px 0px; }

/***************************************************************** 
EK 2008 POOL DECLARATIONS
*****************************************************************/ 

div#ek_pool {
	float: left; width: 310px; margin: 10px 0px 0px 5px;
}

div#ek_pool_header {
	margin: 0px; padding: 0px; width: 307px; height: 39px;
}

div#ek_pool_body {
	width: 300px; height: 330px; margin: 0px 0px 0px 7px; background: url(images/ek_pool_body_bg.gif) no-repeat bottom right;
}

div#ek_pool_body p {
	color: #fff; padding: 10px 3px 0px 10px; margin: 0px; font-size: 80%;
}

ol.ek_pool_ranking {
	margin: 0px 5px 0px 18px; padding: 10px 0px 0px 0px; color: #fff;
}

ol.ek_pool_ranking li {
	margin: 0px; padding: 0px 0px 0px 0px;
}

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

h1		{	  
		  font-size: 160%;
		  font-weight: normal;
		  color: #666;
		  margin: 0px;
		  padding: 10px 10px 10px 16px;
		}

h2		{	  
		  font-size: 90%;
		  font-weight: bold;
		  color: #003399;
		  margin: 0px;
		  padding: 10px 10px 10px 16px;
		}

p		{
		  font-size: 90%;
		  line-height: 140%;
		  color: #000;
		  margin: 0px;
		  padding: 10px 10px 10px 16px;
		}

#footer p	{ padding: 37px 0px 0px 184px;
		  color: #fff;
		}

#content_left p#producten	{
				  font-weight: bold;
				  color: #fff;
				  text-align: left; 
				  padding: 0px;
				  margin: 0px;
				}
		
#content_left p#adres	{
		  font-size: 80%;
		  line-height: 110%;
		  text-align: left; 
		  padding: 0px 0px 0px 5px;
		}

#content_left p#adres a {letter-spacing: -0.1em;}

#content ul	{ list-style-type: disc;
		  margin: 0px 0px 0px 20px;
		  padding: 0px;
		}

#content li	{ font-size: 90%;
		  line-height: 140%;
		  margin: 0px 0px 0px 15px;
		  padding: 0px;
		  
		}
		
#downloads ul    { padding: 0px;
		   margin: 0px;
		   list-style-type: none;
		 }

#downloads ul li { background: #fff url(images/download.gif) no-repeat; 
		   width: 461px; height: 23px; 
		   padding: 4px 0px 0px 30px;
		   margin: 0px;
		   list-style-type: none;
		 }
		 
		
		
		
/***************************************************************** 
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: underline; color: #000; }
A:link			{ text-decoration: underline; color: #000; }
A:visited		{ text-decoration: underline; color: #000; }
A:active		{ text-decoration: underline; color: #000; }
A:hover			{ text-decoration: underline; color: #069; }
A#active		{ text-decoration: underline; color: #069; }

#downloads A 		{ text-decoration: none; color: #039; font-weight: bold;}
#downloads A:link	{ text-decoration: none; color: #039; }
#downloads A:visited	{ text-decoration: none; color: #039; }
#downloads A:active	{ text-decoration: none; color: #039; }
#downloads A:hover	{ text-decoration: none; color: #47d; }

.gallery A { font-size: 80%; }

/***************************************************************** 
DROPDOWN MENU DECLARATION
diverted from the magnificent and famous 'Suckerfish dropdown' method
Do we really still need the commented backslash hack???
Is there an alternative for IE5 MAC
source: http://www.htmldog.com/articles/suckerfish/example/
*****************************************************************/ 

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

ul#nav_list	{
		  list-style-type: none;
		  padding: 0px;
		  margin: 0px 0px 0px 0px;
		  height: 32px;
		  font-size: 11px;
		  background: url(images/background_navigation.gif) no-repeat; 
		}

ul#nav_list A 		{ text-decoration: none; color: #ccc; font-weight: normal; }
ul#nav_list A:link	{ text-decoration: none; color: #ccc; }
ul#nav_list A:visited	{ text-decoration: none; color: #ccc; }
ul#nav_list A:active	{ text-decoration: none; color: #fff; }
ul#nav_list A:hover	{ text-decoration: none; color: #fff; }

#nav_list li a		{ display: block; height: 21px; font-weight: bold; text-decoration: none; padding: 4px 9px 5px 9px; }
#nav_list li a:hover	{ display: block; }
#nav_list li a#active	{ display: block; }

#nav_list li.li1 a 	{ width: 101px; }
#nav_list li.li2 a	{ width: 76px; }
#nav_list li.li3 a	{ width: 129px; }
#nav_list li.li4 a	{ width: 131px; }
#nav_list li.li5 a	{ width: 85px; }


#nav_list li a:hover.ext	{ background: transparent; }

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

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

#nav_list li>ul 				{ top: 21px; left: auto;  }
#nav_list li:hover, #nav_list li.over	{  }
#nav_list li#active			{  background: url(images/background_navigation_act.gif) repeat-x;  }
#nav_list li:hover ul, #nav_list li.over ul 	{ top: 21px; display: block; }

#nav_list li li 		{ padding: 0px; margin: 0px; }
#nav_list li li:hover 		{ background: none; }
#nav_list li li a 		{ color: #069; display: block; height: 15px; font-weight: bold;  padding: 7px 9px 4px 9px; margin: 0px; }
#nav_list li li a:link	 	{ color: #069;  }
#nav_list li li a:visited 	{ color: #069;  }
#nav_list li li a:hover 	{ color: #096; background: none; }
#nav_list li li a#subactive	{ color: #333;  }

#nav_list li.li1 ul 	{ width: 175px; height: 99px; 	background: url(images/bg_dropdown3.jpg) no-repeat;}
#nav_list li.li1 li a 	{ width: 160px; }
#nav_list li.li2 ul	{ width: 172px; height: 33px; 	background: url(images/bg_dropdown1.jpg) no-repeat;}
#nav_list li.li2 li a 	{ width: 160px;  }
#nav_list li.li3 ul	{ width: 163px; height: 33px; 	background: url(images/bg_dropdown1.jpg) no-repeat;}
#nav_list li.li3 li a 	{ width: 160px; }
#nav_list li.li5 ul	{ width: 155px; height: 66px; 	background: url(images/bg_dropdown2.jpg) no-repeat;}
#nav_list li.li5 li a 	{ width: 160px; }

/* END Commented Backslash HACK */




table.tabelleegverkoop {
	width: 680px;
	margin: 0 0 0 10px;
	text-align: center;
}
	table.tabelleegverkoop td {
		width: 170px;
		font-size: 110%;
		padding: 2px 0;
	}
	table.tabelleegverkoop td.blauw { background : #2d5584; color: #ffffff; font-weight: bold; }
	table.tabelleegverkoop td.donkerblauw { background : #003468; color: #ffffff; font-weight: bold; }
	
	table.tabelleegverkoop td.lichtgroen 		{ background : #e1eec7; }
	table.tabelleegverkoop td.groen 			{ background : #d0e4a4; }
	table.tabelleegverkoop td.donkergroen 		{ background : #d1e5ad; }
	table.tabelleegverkoop td.donkerdergroen 	{ background : #c2dd92; }










/***************************************************************** 
LEFT DROPDOWN MENU DECLARATION
diverted from the magnificent and famous 'Suckerfish dropdown' method
Do we really still need the commented backslash hack???
Is there an alternative for IE5 MAC
source: http://www.htmldog.com/articles/suckerfish/example/
*****************************************************************/ 

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

#lnav_list	{
		  list-style-type: none;
		  padding: 0px;
		  margin: 0px 4px 0px 7px;
		  width: 156px;
		  height: 227px;
		  font-size: 12px;
		}

#lnav_list A 		{ text-decoration: none; color: #069; font-weight: normal; }
#lnav_list A:link	{ text-decoration: none; color: #069; }
#lnav_list A:visited	{ text-decoration: none; color: #069; }
#lnav_list A.active	{ text-decoration: none; color: #333; }
#lnav_list A.active-	{ text-decoration: none; color: #333; }
#lnav_list A:hover	{ text-decoration: none; color: #096; }

#lnav_list li {
	position: relative; 
	display: block;
	text-align: left;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}


#lnav_list li a		{ display: block; font-weight: bold; text-decoration: none;  padding: 2px 0px 0px 11px; }
#lnav_list li a:hover	{ display: block; }
#lnav_list li a.active	{ display: block; background: url(images/bg_dropdown_fleche.gif) 0px 3px no-repeat;  }
#lnav_list li a.active-	{ display: block; }

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

#lnav_list li>ul 				{ top: 0px; left: auto;  }
#lnav_list li:hover, #lnav_list li.over		{  }

#lnav_list li ul.active 	{ display: block; padding: 0px 0px 0px 18px; background: #fff; }

#lnav_list li li 		{ list-style-type: none; padding: 2px 0px 2px 0px; margin: 0px; }
#lnav_list li li a 		{ color: #069; display: block; font-weight: bold;  padding: 0px; margin: 0px; }
#lnav_list li li a:link	 	{ color: #069;  }
#lnav_list li li a:hover 	{ color: #096;  }
#lnav_list li li a#subactive	{ color: #333;  }


/* END Commented Backslash HACK */

/***************************************************************** 
Bestel
*****************************************************************/ 

table.soort  	{ margin:  0px 	0px 0px 16px; 	font-size: 90%;  }
table.soort td	{ padding: 0px 20px 0px 0px; 	text-align: center; }
table.maat  	{ margin:  0px 	0px 0px 16px; 	font-size: 90%;  border: 1px solid #000; border-collapse: collapse; }
table.maat td 	{ padding: 2px 2px 2px 4px;  vertical-align: top;}

form#bestel label	{margin: 0px 0px 0px 16px; width: 150px;}
form#bestel p.error_txt	{margin: 0px 0px 0px 16px; }
#bestelbanner	{ margin: 20px 0px 20px 0px; float: left;}
td.prijsborder	{ border-right: 1px dashed #000; padding: 0px 10px 0px 10px; }
#bestelbannertop	{margin: 0px 80px 10px 10px; }