body 
{
	background:#0092bb url(/images/bg-gradient.gif) top center repeat-x;
	border: 0;
	margin: 0;
	padding: 0;
}
*{
	font-family: Verdana, Arial;
	font-size:11px;
	color:#646567;
}
img
{
	border: 0;
	margin: 0;
	padding: 0;
}
br.cl{clear:both;margin-top:-1.2em;font-size:0;}

div#base
{
	text-align:center;
	min-width:931px;
}
div#content-frame
{
	position:relative;
	margin:0 auto;
	background-color:#000000;
	background-image:url(/images/bg-white.gif);
	width:931px;
	text-align:left;
}

div#content-frame div#top
{
	height:98px;
	background-image:url(/images/home-top.jpg);
	padding:250px 17px 0 18px;
}

div#content-frame div#top div#nav
{
	width:896px;
	height:34px;
	background-color:#5a5b5d;
	background-image:url(/images/bg-nav.gif);
	text-align:left;
}
#content-frame div#top div#nav div#left
{
	float:left;
	}
	div#nav div#left ul{
		margin:0;
		padding:0;
		border:0;
		list-style:none;
		}
		div#nav div#left ul li{
			float:left;
			background:transparent url(/images/nav-spacer.gif) top right no-repeat;
			padding-right:5px;
			height:30px;
			}
			div#nav div#left ul li a{
				text-indent:-10000px;
				display:block;
				height:30px;
				overflow:hidden;
				}
				div#nav div#left ul li a.home{
					background:transparent url(/images/nav-home.gif) 0 0 no-repeat;
					width:75px;
				}
				div#nav div#left ul li a.projects{
					background:transparent url(/images/nav-projecten.gif) 0 0 no-repeat;
					width:91px;
				}
				div#nav div#left ul li a.products{
					background:transparent url(/images/nav-producten.gif) 0 0 no-repeat;
					width:97px;
				}
				div#nav div#left ul li a.partners{
					background:transparent url(/images/nav-partners.gif) 0 0 no-repeat;
					width:86px;
				}
#content-frame div#top div#nav div#right
{
	float:right;
	padding-right:0px;
	}
	div#nav div#right ul{
		margin:0;
		padding:0;
		border:0;
		list-style:none;
		}
		div#nav div#right ul li{
			float:left;
			background:transparent url(/images/nav-spacer.gif) top right no-repeat;
			padding-right:2px;
			height:30px;
			}
			div#nav div#right ul li.end{
				background:none;
				padding-right:0px;
			}
			div#nav div#right ul li a{
				text-indent:-10000px;
				display:block;
				height:30px;
				overflow:hidden;
				}
				div#nav div#right ul li a.about{
					background:transparent url(/images/nav-overons.gif) 0 0 no-repeat;
					width:84px;
				}
				div#nav div#right ul li a.contact{
					background:transparent url(/images/nav-contact.gif) 0 0 no-repeat;
					width:83px;
				}

div#content-frame div#content
{
	margin:-43px 40px 0 41px;
	width:850px;
	text-align:left;
	height:100%;
}


div#content-frame div#content div#home-left
{
	width:485px;
	float:left;
	}
	div#content-frame div#content div#home-left img
	{
		margin:20px 0 0 0;
	}
	div#content-frame div#content div#home-left div#projectheader
	{
		height:29px;
		background-image:url(/images/header-latestprojects.jpg);
		}
		div#content-frame div#content div#home-left div#projectheader a
		{
			float:right;
			display:block;
			padding:7px 10px 0 0;
			text-decoration:underline;
			color:#0092bb;
			font-weight:normal;
		}
		div#content-frame div#content div#home-left div#projectheader a:hover
		{
			text-decoration:none;
		}
	div#content-frame div#content div#home-left div.left
	{
		width:179px;
		padding-left:5px;
		margin:17px 20px 0 0;
		float:left;
		}
		div#content-frame div#content div#home-left div.header
		{
			font-weight:bold;
			color:#0092bb;
			}
			div#content-frame div#content div#home-left div.header h2{
				font-weight:bold;
				color:#0092bb;
				font-size:12px;
				margin:0 0 4px 0;
			}
		div#content-frame div#content div#home-left div.content
		{
			height:80px;
			line-height:16px;
		}
		div#content-frame div#content div#home-left a
		{
			font-size:11px;
			font-weight:bold;
			color:#646567;
			text-decoration:none;
		}
		div#content-frame div#content div#home-left a:hover
		{
			font-weight:bold;
			color:#0092bb;
		}
		div#content-frame div#content div#home-left div.right
		{
			width:281px;
			float:right;
			}
			div#content-frame div#content div#home-left div.right img 
			{
				width:279px;
				height:110px;
				border:1px solid #0092bb;
			}
		div#content-frame div#content div#home-left div.first
		{
			height:147px;
			background-image:url(/images/home/bg-projects-1.gif);
		}
		div#content-frame div#content div#home-left div.rest
		{
			height:147px;
			background-image:url(/images/home/bg-projects-2.gif);
		}

div#content-frame div#content div#home-right
{
	width:345px;
	padding:28px 0;
	float:right;
	background:transparent url(/images/home/bg-right.jpg) 0 0 no-repeat;
	}
	div#home-right div.product{
		height:146px;
		margin-left:13px;
		width:220px;
		}
		div#home-right div.product div.header{
			font-weight:bold;
			color:#0092bb;
			padding-top:10px;
			}
			div#home-right div.product div.header h3{
				font-weight:bold;
				color:#0092bb;
				margin:0 0 4px 0;
			}
		div#home-right div.product div.content{
			line-height:16px;
			height:90px;
		}
		div#home-right div.product div.link{
		
			}
			div#home-right div.product div.link a
			{
				font-size:11px;
				font-weight:bold;
				color:#646567;
				text-decoration:none;
			}
			div#home-right div.product div.link a:hover
			{
				font-weight:bold;
				color:#0092bb;
			}

/***********************************
* Footer
***********************************/
	div#content-frame div#footer
	{
		padding:0 15px 0 16px;
		width:900px;
		height:87px;
		background:#ffffff url(/images/bg-footer.gif) bottom center no-repeat;
		text-align:left;
		vertical-align:bottom;
		clear:both;
	}
	
	div#content-frame div#footer div#search
	{
		height:39px;
		}
		div#content-frame div#footer div#search div#search-box{
			float:right;
			display:block;
			margin:0;
			height:39px;
			background:transparent url(/images/home/search-logo.gif) 0 0 no-repeat;
			padding-left:25px;
			padding-right:105px;
			}
			div#footer div#search input.input_search{
				background:transparent url(/images/home/bg-search-input.gif) top left no-repeat;
				width:222px;
				height:20px;
				border:0px;
				padding:5px 0 0 5px;
			}
			div#footer div#search input.btn_search{
				position:absolute;
				background:transparent url(/images/home/bg-search-button.gif) 0 0 no-repeat;
				width:87px;
				height:27px;
				text-indent:-10000px;
				font-size:0;
				line-height:0;
				border:0;
				cursor:pointer;
				}
	div#content-frame div#footer div#footer-text
	{
		margin:7px 0 0 20px;
		height:18px;
		clear: both;
	}
	div#content-frame div#footer div#footer-text a
	{
		text-decoration: none;
	}
	div#content-frame div#footer div#footer-text a:hover
	{
		text-decoration: underline;
	}
	div#content-frame div#footer span.blue
	{
		color:#0092bb;
	}

/***********************************
* Project
***********************************/
	div#content-frame div.project
	{
		height:272px;
		width:850px;
		background: transparent url(/images/projects/bg-project.gif) top left no-repeat;
	}
	div#content-frame div.project.contact{
		background:none;
		height:auto;
	} 
	div#content-frame div.project div.left
	{
		width:485px;
		float:left;
	}
	div#content-frame div.project div.left div.header
	{
		height:29px;
		width:485px;
		}
		div#content-frame div.project div.left div.header h2,
		div#content-frame div.project div.left div.header h1
		{
			margin:0;
			padding:0;
			text-indent:-10000px;
		}
	div#content-frame div.project div.left div.content
	{
		margin-top:5px;
		padding:0 6px;
		height:180px;
		clear:both;
		line-height:16px;
		}
		div#content-frame div.project.contact div.left div.content{
			height:350px;
		}

	div#content-frame div.project div.left div.link
	{
		margin:0 0 20px 0;
		clear:left;
	}
	div#content-frame div.project div.left div.link a
	{
		font-weight:bold;
		text-decoration:none;
	}
	div#content-frame div.project div.left div.link a:hover
	{
		color:#0092bb;
	}
	div#content-frame div.project div.right
	{
		width:344px;
		float:right;
		text-align:right;
		}
		div#content-frame div.project.contact div.right{
			text-align:left;
			line-height:20px;
		}
	div#content-frame div.project div.right div.image 
	{
		width:344px;
		height:202px;
	}
	div#content-frame div.project div.right div.image div.image-left
	{
		cursor:pointer;
		float:left;
		height:202px;
		width:19px;
		background:transparent url(/images/projects/image-left.gif) center center no-repeat;
	}
	div#content-frame div.project div.right div.image div.image-right
	{
		cursor:pointer;
		float:right;
		height:202px;
		width:19px;
		background:transparent url(/images/projects/image-right.gif) center center no-repeat;
	}
	div#content-frame div.project div.right div.loading
	{
		margin:5px 0 0 0;
	}
/***********************************
* Paging
***********************************/

	div#content-frame div.paging
	{
		margin:0 25px 0 0;
		float:right;
		height:60px;
		vertical-align:top;
	}
	div#content-frame div.paging td
	{
		width:24px;
	}
	div#content-frame div.paging a.active
	{
		font-weight:bold;
		color:#0092bb;
	}
	div#content-frame div.paging a
	{
		text-decoration:underline;
	}
	div#content-frame div.paging a:hover
	{
		text-decoration:none;
	}

/***********************************
* Contact
***********************************/
	div.contact{
	
		}
		div.contact fieldset{
			margin:10px 0 0 0;
			padding:0;
			border:0;
			}
			div.contact fieldset label{
				float:left;
				display:block;
				width:150px;
				}
			div.contact fieldset input{
				margin-bottom:3px;
			}	
		


br.cl{clear:both;margin-top:-1.2em;font-size:0;}