html
{
	margin: 0;
	padding: 0;
}
body
{
	margin: 0;
	padding: 0;
	background: #9fa196;
	font: normal 12px/1.4 Arial, Tahoma, Verdana, sans-serif;
	color: #333;
}
#wrapper
{
	float: left;
	width: 900px;
	background: url("../images/bg.jpg") 100% 0% no-repeat;;
}
#header
{
	width: 900px;
	height: 161px;
}
	#header h1
	{
		margin: 0;
		padding: 0;
	}
	#header h1 a
	{
		display: block;
		float: right;
		width: 164px;
		height: 70px;
		margin: 20px 32px 0 0;
		background: url("../images/logo.gif") no-repeat;
		text-indent: -9999px;
	}
	#header #products
	{
		float: left;
		width: 320px;
		padding-left: 10px;
		height: 161px;
	}
	#products h2
	{
		width: 90px;
		height: 20px;
		margin: 70px 0 8px;
		padding: 0;
		background: url("../images/products_title.gif") no-repeat;
		font-size: 12px;
		text-indent: -9999px;
	}
	#products ul
	{
		float: left;
		width: 330px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#products ul li
	{
		display: block;
		float: left;
		width: 65px;
		height: 57px;
		margin-right: 6px;
	}
	#products ul li a
	{
		display: block;
		float: left;
		width: 65px;
		height: 57px;
		text-indent: -9999px;
	}
	#products ul li a#ip_55s
	{
		background: url("../images/ip_55s.gif") no-repeat;
	}
	#products ul li a#ip_55c
	{
		background: url("../images/ip_55c.gif") no-repeat;
	}
	#products ul li a#ip_55u
	{
		background: url("../images/ip_55u.gif") no-repeat;
	}
	#products ul li a#ip_55d
	{
		background: url("../images/ip_55d.gif") no-repeat;
	}
	#header #products ul li a:hover,
	#header #products ul li a.active
	{
		background-position: 0px -57px;
	}

body#ip55s 	#products ul li a#ip_55s	{ background-position: 0px -57px; }
body#ip55c 	#products ul li a#ip_55c	{ background-position: 0px -57px; }
body#ip55u 	#products ul li a#ip_55u	{ background-position: 0px -57px; }
body#ip55d 	#products ul li a#ip_55d	{ background-position: 0px -57px; }


#content
{
	float: left;
	width: 900px;
}
	#content #main_content
	{
		float: left;
		width: 720px;
		margin: 0;
		background: url("../images/slice.gif") repeat-y;
		color: #9fa196;
	}
		#main_content #topnav
		{
			float: left;
			width: 720px;
			height: 64px;
			background: #063159;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
			#topnav ul
			{
				height: 28px;
				list-style: none;
				margin: 36px 10px 0 0;
				padding: 0;
			}
			#topnav ul li
			{
				float: right;
			}
			#topnav ul li a
			{
				display: block;
				height: 23px;
				padding: 5px 10px 0;
				color: #fff;
				text-decoration: none;
			}
			#topnav ul li a:hover
			{
				background: #fff;
				color: #063159;
			}
		#main_content #primary
		{
			float: right;
			width: 518px;
			min-height: 367px;
			padding: 30px 10px 50px 28px;
			background: #fff;
		}
			#primary a
			{
			color: #9fa196;
			text-decoration: underline;
			}
			#primary a:hover 
			{
			text-decoration: none;
			}
			#primary ul
			{
				list-style: none;
				margin: 0;
				padding: 0;
			}
			#primary ul li
			{
				padding-left: 12px;
				background: #fff url("../images/arrow_inactive.gif") 0px 6px no-repeat;
			}
			#primary ul li a
			{
				color: #9fa196;
			}
			#primary ul li a:hover
			{
				text-decoration: none;
			}
		#contacts .person
		{
			 float: left;
			 width: 130px;
			 margin-right: 52px;
			 font-size: 11px;
		}
		#contacts .person img
		{
			margin: 0 0 5px;
		}
		#contacts .person a
		{
			font-size: 12px;
			font-weight: bold;
			color: #81827a;
		}
		#contacts .person a:hover
		{
			text-decoration: none;
		}
		#contacts .last
		{
			margin-right: 0;
		}

		#projects .project
		{
			clear: both;
			float: left;
			width: 480px;
			padding: 5px;
			margin: 0 0 10px;
		}
		#projects .odd
		{
			background: #f3f3f1;	
		}
		#projects .even
		{
			background: #e0e0d5;
		}
		#projects .project img
		{
			float: left;
		}
		#projects .project table
		{
			padding: 5px;
		}
		#projects .project table td
		{
			padding: 2px 10px;
			vertical-align: top;
		}

		#persberichten .bericht
		{
			clear: both;
			float: left;
			width: 480px;
			padding: 5px;
			margin: 0 0 10px;
		}
		#persberichten .odd
		{
			background: #f3f3f1;	
		}
		#persberichten .even
		{
			background: #e0e0d5;
		}
		#persberichten  strong
		{ font-size: 14px;
		}

		#persberichten .bericht img
		{
			float: left;
		}
		#persberichten .bericht table
		{
			padding: 5px;
		}
		#persberichten .bericht table td
		{
			padding: 1px 10px;
			vertical-align: top;
		}

		#main_content #aside
		{
			float: left;
			width: 164px;
			background: #c4c5b6;
		}
			#aside #menu h2
			{
				width: 164px;
				height: 30px;
				margin: 0;
				padding: 0;
				background: url("../images/news_title.gif") no-repeat;
				border-bottom: 1px solid #fff;
				text-indent: -9999px;
			}
			#aside #menu ul
			{
				float: left;
				width: 163px;
				list-style: none;
				margin: 0;
				padding: 0;
				border-top: 7px solid #c3c4b5;
				border-right: 1px solid #c3c4b5;
				background: #fff;
			}
			#aside #menu ul li
			{
				float: left;
				width: 163px;
				border-bottom: 1px solid #c3c4b5;
			}
			#aside #menu ul li a
			{
				display: block;
				float: left;
				width: 150px;
				line-height: 23px;
				padding-left: 13px;
				background: #fff url("../images/arrow_inactive.gif") 5px 50% no-repeat;
				font-size: 11px;
				text-decoration: none;
				color: #76786d;
			}
			#aside #menu ul li a:hover,
			#aside #menu ul li a.active
			{
				background: #063159 url("../images/arrow_active.gif") 5px 50% no-repeat;
				color: #fff;
			}
			#aside #menu ul li ul
			{
				float: left;
				width: 163px;
				padding: 3px 0;
				border: none;
				background: #f3f3f1;
				border-top: 1px solid #c3c4b5;
			}
			#aside #menu ul li ul li
			{
				float: left;
				width: 163px;
				border: none;
			}
			#aside #menu ul li ul li a
			{
				display: block;
				float: left;
				width: 133px;
				line-height: 18px;
				padding-left: 30px;
				background: #f3f3f1 url("../images/arrow_inactive.gif") 20px 50% no-repeat;
			}
			#aside #menu ul li ul li a:hover,
			#aside #menu ul li ul li a.active
			{
				background: #f3f3f1;
				text-decoration: underline;
				background: #f3f3f1 url("../images/arrow_inactive.gif") 20px 50% no-repeat;
				color: #063159;
			}
	#content #side_content
	{
		float: left;
		width: 180px;
		margin-top: 290px;
	}
	#content .img_left
	{
		float: left;
		margin: 0 10px 10px 0;
	}
	#content .img_right
	{
		float: right;
		margin: 0 0 10px 10px;
	}
	#content .image_right
	{
		float: right; 
		width: 320px; 
		text-align: center;
	}
	#content .image_right2
	{
		float: right; 
		width: 210px; 
		text-align: center;
	}

	#content h1
	{
		margin: 0 0 10px;
		font-size: 11px;
		color: #9fa196;
		text-transform: lowercase;
	}

	#content h2
	{
		margin: 0 0 10px;
		font-size: 16px;
		color: #76786d;
	}
	#content p
	{
		margin: 0 0 10px;
	}
	
#footer
{
	float: left;
	width: 900px;
	height: 86px;
	margin-top: -4px;
}
	#footer_left
	{
		float: left;
		width: 164px;
		height: 86px;
		background: #02284b;
	}
		#footer_left ul
		{
			width: 164px;
			list-style: none;
			margin: 0;
			padding: 0;
			background: #02284b;
		}
		#footer_left ul li
		{
			width: 164px;
			height: 26px;
			border-bottom: 1px solid #0c3e6d;
		}
		#footer_left ul li a
		{
			display: block;
			width: 140px;
			height: 26px;
			line-height: 26px;
			padding-left: 24px;
			background: #02284b url("../images/lock_icon.gif") 5px 50% no-repeat;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
		}
		#footer_left ul li a:hover
		{
			text-decoration: underline;
		}
	#footer_right
	{
		float: left;
		width: 556px;
		height: 86px;
		background: #c4c5b6;
	}
	#footer_right p
	{
		float: left;
		width: 420px;
		margin: 10px 0 10px 20px;
		color: #8c9188;
	}
	#footer_right a{
			text-decoration: underline;
			color: #8c9188;
	}
	#footer_right a:hover{
				text-decoration: none;
	}

	#footer_right img
	{
		float: right;
		margin-top: 15px;
	}
#bottom
{
	float: left;
	width: 400px;
	height: 40px;
	padding: 5px 0 0 500px;
	color: #c2c4ba;
}
	#bottom a
	{
		text-decoration: none;
		color: #c2c4ba;
	}
	#bottom a:hover
	{
		text-decoration: underline;
	}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
.new {
	color: #ff0000;
	font-size: 10px;
	text-transform: uppercase;
}
.service{}

.service td{ vertical-align: top;}
.service hr {

height: 0;
border: 0;
border-top: 1px solid #c4c5b6;}

.service a {font-weight: bold;}