html {
		width:				100%;
		height:				100%;
	}
	
	body {
		width:				100%;
		height:				100%;
		margin:				0;
		padding:			0;
		background:			#ffffff;

		font-family: 		Helvetica, sans-serif;
		font-size:			10pt;
		line-height:		1.5em;
		color:				#acacac;
	}	
	
	a,
	a:visited{
		color:				#d1d3d4;
		text-decoration:	none;
	}
	
	a:hover{
		color:				#808285;
	}
	
	img {
		border:				none;
		padding:			0;
		margin:				0;
        float:              left;
	}
	
	h1 {
		margin:				5px 0 10px 0px;
		font-size:			10pt;
		line-height:		1.9em;
		color:				#2e3192;
	}
	
	h2 {
		margin:				0px 0 5px 0;
		font-size:			10pt;
		line-height:		1.9em;
		color:				#2e3192;
	}
	
	p {
		margin:				0 0 22px 0;
	}
	
	div#outerCon {
		position:			relative;
		width:				983px;
		padding:			0;
		margin-left:		auto;
		margin-right:		auto;
	}
	
	div#headerCon {
		float: 				left;
		width:				983px;
		height:				70px;
		margin-top:			30px;
	}
	
	div#headerCon div#logoCon {
		float:				left;
		height:				72px;
		width:				200px;
		background-image:	url('../gfx/logo.gif');
		background-repeat:	no-repeat;
	}
	
	div#headerCon div#logoCon a {
		display:			block;
		height:				72px;
		width:				200px;
	}
	
	div#headerCon div#headerConRight{
		float:				right;
		width:				50px;
	}
	
	div#headerCon div#headerConRight a,
	div#headerCon div#headerConRight a:visited{
		color:				#d1d3d4;
		text-decoration:	none;
		font-weight:		bold;
	}
	
	div#headerCon div#headerConRight a:hover{
		color:				#808285;
	}
	
	div#headerCon div#headerConRight a.active{
		color:				#808285;
	}
	
	div#productshot {
		padding-top:		40px;
		width:				400px;
	}
	
	div#leftCon {
		float:				left;
		display:			inline;
		width:				200px;
	}
	
	div#leftCon div#navigationCon {
		margin-top:			60px;
		width:				200px;
	}
    
    div#leftCon div#button {
		position:           absolute;
        top:                400px;
        width:				200px;
	}
	
	div#rightCon {
		float:				left;
		display:			inline;
		width:				783px;
	}
	
	div#rightCon div#rightConBody{
		width:				783px;
	}
	
	div#rightCon div#rightConBody div#visualCon{
		width:				400px;
		height:				300px;
		background-color:	#ffffff;
	}
	
	div#rightCon form{
		margin-bottom:		15px;
	}
	
	div#ProductsCon {
		margin-top:			-29px;
	}

	/*---- navigation styles ----*/
	
	div#leftCon div#navigationCon ul,
	div#leftCon div#navigationCon ul ul,
	div#rightCon div.ProductlineCon ul	{
		padding: 			0;
		margin: 			0;
		list-style:			none;
		list-style-image:   none;
	}
	
	div#rightCon div.ProductlineCon ul {
		margin-bottom:		24px;
	}
	
	div#leftCon div#navigationCon ul li {
		width:				200px;
		height:				17px;
		margin:				0;
		padding:			0;
	}
	
	/*special for IE6*/
	div#leftCon div#navigationCon ul li object.sIFR-flash {
		_margin-bottom: -10px;
	}
	/*end*/
	
	ul#subNavigationCon li {
		width:				180px;
		height:				17px;
		overflow:			hidden;
	}
	
	div#rightCon div.ProductlineCon ul li {
		height:				17px;
	}
	
	div#leftCon div#navigationCon ul li a,
	div#leftCon div#navigationCon ul li a:visited,
	ul#subNavigationCon li a,
	ul#subNavigationCon li a.not-active,
	ul#subNavigationCon li a:visited,
	div#rightCon div.ProductlineCon ul li a,
	div#rightCon div.ProductlineCon ul li a:visited
	{
		font-size:			10pt;
		color:				#0071bc;
		text-decoration:	none;
		font-weight:		bold;
	}
	
	div#leftCon div#navigationCon ul li a:hover,
	ul#subNavigationCon li a:hover,
	div#rightCon div.ProductlineCon ul li a:hover	{
		color:				#00aeef;
	}
	
	div#leftCon div#navigationCon ul li.active a,
	ul#subNavigationCon li.active a,
	div#rightCon div.ProductlineCon ul li.active a {
		color:				#00aeef !important;
	}
	
	div#leftCon div#navigationCon ul li.subitem {
		padding-left:		20px;
		width:				180px;/*(200-20)*/
	}
	
	/*---- link styles ----*/
	
	a {
		text-decoration:	underline;
	}
	
	a:hover {
		text-decoration:	none;
	}
	
	/*---- table styles ----*/
	
	table {
		width:				783px;
		border-collapse: collapse;
		border-spacing: 0;
		
		-moz-box-sizing: 	border-box;
		box-sizing: 		border-box;
	}
	
	table tr td{
		width:				25%;
		padding-left:		10px;
		padding-right:		5px;
		vertical-align:		top;
	}
	
	table tr td.low {
		padding-top:		331px;
	}
	
	/* STYLE VOOR LOGINGEDEELTE */
	
	div#login table {
		width:  250px;
	}
    
    /* AJAX TEST */
    

#form_box {
	float: left;
	width: 290px;
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	font-size: 11px;
	font-weight: bold;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	height: 25px;
	padding: 0.2em 0.5em;
}
 
#form_box div.hr {
	border-bottom: 2px solid #e2e2e1;
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	float: left;
	padding: 0.5em;
	margin-left: 10px;
	width: 290px;
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

label.error {
    color: red;
}

input.error,
select.error {
    border: 1px solid red;
}

input,
textarea {
    width: 150px;
}

select {
    width: 156px;
}