/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background		: #d4d4d4 url('../_images/background.gif') repeat-x top left;
	color			: #fff; 
}	
	
#top {
	float			: left; 
	width			: 100%;
	height			: 45px;
	background		: #fff url('../_images/top_wave_bg.gif') repeat-x top center;
}

	#top #wave {
		float			: left; 
		width			: 565px;
		height			: 45px;
		background		: #fff url('../_images/top_wave.gif') no-repeat top left;
	}

#container {
	float			: left;
	margin:			: 0 auto;
	padding			: 0;
	width			: 100%;
	height			: auto;
	text-align		: center;
}

	#container #main {
		margin			: 0 auto;
		width			: 780px;
		background		: transparent url('../_images/main_bg.gif') repeat-y top left;
		min-height		: 100%;
		margin-top		: 35px;
		text-align		: left;
	}

		#container #main #left {
			float			: left;
			background		: #008c99;
			width			: 200px;
			height			: auto;
		}
		
		#container #main #left #adres {
			background		: #008c99 url('../_images/left_wave.gif') no-repeat top left;
			padding			: 70px 30px 50px 30px;
		}
		
		#container #main #right {
			float			: left;
			background		: transparent;
			width			: 580px;
			height			: auto;
		}

			#container #main #right #head {
				float			: left;
				background		: transparent url('../_images/head_logo.gif') no-repeat top left;
				width			: 580px;
				height			: 250px;
			}
			
				#container #main #right #head #knop_health {
					float			: left;
					margin			: 0;
					background		: transparent url('../_images/knop_health.gif') no-repeat 10px 0;
					width			: 210px;
					height			: 94px;
					padding			: 26px 80px 0 40px;
					line-height		: 20px;
				}
				
				#container #main #right #head #knop_bio {
					margin			: 0;
					float			: left;
					background		: transparent url('../_images/knop_bio.gif') no-repeat 10px 0;
					width			: 210px;
					height			: 92px;
					padding			: 28px 80px 0 40px;
					line-height		: 20px;
				}

			#container #main #right #head_large_health {
				float			: left;
				background		: transparent url('../_images/head_medical.jpg') no-repeat top left;
				width			: 580px;
				height			: 250px;
			}
			
				#container #main #right #head_large_health #titel_health {
					float			: left;
					margin			: 0;
					padding			: 200px 80px 0 40px;
					line-height		: 20px;
				}
				
			#container #main #right #head_large_bio {
				float			: left;
				background		: transparent url('../_images/head_biotech.jpg') no-repeat top left;
				width			: 580px;
				height			: 250px;
			}
			
				#container #main #right #head_large_bio #titel_bio {
					float			: left;
					margin			: 0;
					padding			: 200px 80px 0 40px;
					line-height		: 20px;
				}
				
			#container #main #right #head_vervolg {
				float			: left;
				background		: transparent url('../_images/head_vervolg.gif') no-repeat top left;
				width			: 580px;
				height			: 130px;
			}
			
				#container #main #right #head_vervolg #head_text {
					color		: #4c4c4c;
					line-height	: 20px;
					padding		: 20px 140px 0 16px;
				}
				
			#container #main #right #head_bio {
				float			: left;
				background		: transparent url('../_images/head_bio.gif') no-repeat top left;
				width			: 580px;
				height			: 130px;
			}
			
				#container #main #right #head_bio #head_text {
					color		: #4c4c4c;
					line-height	: 20px;
					padding		: 20px 140px 0 16px;
				}
				
			#container #main #right #head_health {
				float			: left;
				background		: transparent url('../_images/head_med.gif') no-repeat top left;
				width			: 580px;
				height			: 130px;
			}
			
				#container #main #right #head_health #head_text {
					color		: #4c4c4c;
					line-height	: 20px;
					padding		: 20px 140px 0 16px;
				}
			
			
			#container #main #right #content_top {
				float			: left;
				background		: transparent url('../_images/content_top.gif') no-repeat top left;
				width			: 580px;
				height			: 15px;
			}
			
			#container #main #right #content_top2 {
				float			: left;
				background		: transparent url('../_images/content_top2.gif') no-repeat top left;
				width			: 580px;
				height			: 15px;
			}
			
			#container #main #right #top_menu {
				float			: left;
				background		: #d9e8ad url('../_images/subsubmenu_back.gif') no-repeat top left;
				width			: 580px;
				height			: auto;
				padding			: 0px 0 0 0px;
			}
			
				#container #main #right #top_menu #subsubmenu {
					float			: left;
					padding			: 10px 0 10px 20px;
					line-height		: 20px;
					color			: #01737e;
				}
				
			#container #main #right #top_menu_bio {
				float			: left;
				background		: #d9e8ad url('../_images/subsubmenu_back_bio.gif') no-repeat top left;
				width			: 580px;
				height			: auto;
				padding			: 0px 0 0 0px;
			}
			
				#container #main #right #top_menu_bio #subsubmenu {
					float			: left;
					padding			: 10px 0 10px 20px;
					line-height		: 20px;
					color			: #01737e;
				}
				
			#container #main #right #top_menu_health {
				float			: left;
				background		: #d9e8ad url('../_images/subsubmenu_back_health.gif') no-repeat top left;
				width			: 580px;
				height			: auto;
				padding			: 0px 0 0 0px;
			}
			
				#container #main #right #top_menu_health #subsubmenu {
					float			: left;
					padding			: 10px 0 10px 20px;
					line-height		: 20px;
					color			: #01737e;
				}
			
			
			#container #main #right #content {
				padding			: 0px 10px 0px 0px;			
				float				: left;
				width				: 570px;
				background		: transparent url('../_images/content_bg.gif') repeat-x top left;
				height			: auto;
				min-height		: 280px;
				line-height		: 1.6em;
			}

				#container #main #right #content #shadow_left {
					float			: left;
					width			: 12px;
					background		: transparent url('../_images/content_shadow_left.gif') no-repeat top left;
					height			: auto;
					_height			: 280px;
					min-height		: 280px;
				}
				
				#container #main #right #content #left_text {
					float			: left;
					width			: 295px;
					padding			: 0 20px 0 5px;
					line-height		: 1.6em;
					background		: transparent url('../_images/line_dotted.gif') repeat-y top right;
				}
				
				#container #main #right #content #right_text {
					float			: left;
					width			: 185px;
					padding			: 0 20px 0 8px;
					line-height		: 1.6em;
				}
				
				#container #main #right #content #text {
					float				: left;
					width				: 540px;
					padding			: 0 0px 0 5px;
					line-height		: 1.6em;
				}

	#container #main_bottom {
		margin			: 0 auto;
		width			: 780px;
		height			: 16px;
		background		: transparent url('../_images/main_bottom.gif') no-repeat top left;
		text-align		: left;
	}
	
	#container #footer {
		margin			: 0 auto;
		width			: 760px;
		height			: 15px;
		text-align		: left;
		color			: #00585e;
		font-size		: 11px;
		padding			: 10px;
		margin-bottom	: 10px;
	}
	
		#container #footer #sitemap_link {
			float			: right;
		}
		
		#container #footer #copyright {
			float			: left;
		}



/* Headings H1-H6 */
h1 { }

	#content h1 {
		font-size		: 20px;
		margin-bottom	: 5px;
	}
	
	#knop_health h1 {
		font-size		: 24px;
		margin-bottom	: 3px;
		color			: #d9e8ad;
	}
	
	#knop_bio h1 {
		font-size		: 24px;
		margin-bottom	: 3px;
		color			: #fdc687;
	}

	#titel_health h1 {
		font-size		: 24px;
		margin-bottom	: 3px;
		color			: #015158;
	}
	
	#titel_bio h1 {
		font-size		: 24px;
		margin-bottom	: 3px;
		color			: #015158;
	}
	
	#head_vervolg h1 {
		font-size		: 24px;
		margin-bottom	: 8px;
		color			: #008c99;
	}
	
	#head_health h1 {
		font-size		: 24px;
		margin-bottom	: 3px;
		color			: #d9e8ad;
	}
	
	#head_bio h1 {
		font-size		: 24px;
		margin-bottom	: 3px;
		color			: #fdc687;
	}
	
h2 {
		font-size		    : 15px;
		margin-bottom	  : 5px;
		font-weight     : bold;
}

h3 { }

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	#content p {
		margin-bottom: 15px;
	}

a { 
		text-decoration	: none;
		color			: #fff;
 }	

	#content a { 
			text-decoration	: underline;
			color			: #fff;
	}
	
	#content a:hover { 
			text-decoration	: underline;
			color			: #fff;
	}

	#footer a { 
			text-decoration	: none;
			color			: #00585e;
	}
	
	#footer a:hover { 
			text-decoration	: underline;
			color			: #00585e;
	}
		
	#knop_health h1 a {
		color			: #d9e8ad;
	}
	
	#knop_health h1 a:hover {
		color			: #d9e8ad;
		text-decoration	: underline;
	}
	
	#knop_bio h1  a{
		color			: #fdc687;
	}
	
	#knop_bio h1 a:hover {
		color			: #fdc687;
		text-decoration	: underline;
	}
	

	
/* Lists and Navigation */

ul { }

	ul.main { }
		
		
		ul.main li {
			background		: transparent url('../_images/menu_item.gif') no-repeat bottom left;
			min-height		: 24px;
			padding			  : 6px 0 2px 30px;
		}

			* html ul.main li {
				height			: 24px;
			}
	
		ul.main li.active {
			background		: transparent url('../_images/menu_item_selected.gif') no-repeat scroll left top;
			min-height		: 24px;
			padding			  : 6px 0 2px 30px;
		}

		ul.main li a {
			color			: #fff;
			font-weight		: bold;
			text-decoration : none;
		}
		
		ul.main li a:hover {
			color			: #fff;
			font-weight		: bold;
			text-decoration : underline;
		}
	
		ul.submain {
			/*margin			: 0 0 0 -30px;*/
			/*padding			: 10px 0;*/
			/*background		: transparent url('../_images/submenu_bottom.gif') no-repeat bottom left;*/
		}

		ul.submain li, ul.submain li.active {
			background		: transparent;
			padding			: 8px 2px 0px 8px;
		}
		ul.submain li:before {
			/*content			: "\00BB \0020";*/
		}
		ul.submain li.active a {
			color			: #fff;
		}
		ul.submain ul.submain {
			display			: none;
		}

		
		ul.submain li a {
			color			: #bae2e4;
			font-weight		: bold;
			text-decoration : none;
		}
	
		ul.submain li a:hover {
			color			: #bae2e4;
			font-weight		: bold;
			text-decoration : underline;
		}
		
		
		
	#subsubmenu ul.submain{
		float			     : left;
		background		 : none;
	}
	
		#subsubmenu ul.sublast li,
		#subsubmenu ul.submain li{
			display			  	: inline;
			padding				: 0 1em 0 0;
			padding-right		: 1em;
			margin-right		: 1em;
			border-right		: 1px solid #004a51;
			background			: none;
		}
		
		#subsubmenu ul.sublast li:before,
		#subsubmenu ul.submain li:before {
			content			: "";
		}
		
		#subsubmenu ul.sublast li.active,
		#subsubmenu ul.submain li.active {
			background		: none;
		}
		 

		#subsubmenu ul.sublast li a,
		#subsubmenu ul.submain li a {
			color			: #004a51;
			font-weight	: normal;
		}
		
		#subsubmenu ul.sublast li a:hover,
		#subsubmenu ul.submain li a:hover {
			color			       : #004a51;
			text-decoration	 : underline;
		}	
		
		#content ul {
		  margin-left       : 40px;
		}
		    
		#content ul li {
		  list-style-type    : disc;
		}


/* images */

img { 
}

	#content img {	
	 	border		: 1px #fff solid; 
	}
	
/* Contact formulier */

input, select, textarea {
   border-width            : 1px;
   background-color        : #00b3b0;
   border-color            : #07818c;
   color                   : white;
}
input, textarea {
   padding                 : 0 0.3em 0 0.3em;
}
select {
   border                  : none;
}

#content a.noborder {
	text-decoration: none;
}

/** Styles in articles **/
blockquote {	
	font-size:14px;
	font-weight:bold;
}
.right {
	display:block;
	float:right;
}
.hc-products-img-right {
	float:right;
	width:140px;
}
.hc-products-img-right img {
	margin-bottom:15px;
}
.clear {
	clear:both;
}