/*********************************************************/
/*      © Alle rechten voorbehouden - Atec Systems BV    */
/*      HTML tag styles                                  */
/*      product.css                                      */
/*********************************************************/


/******************** product styles ********************/
div#proarea {
	text-align: left;
	margin: 0 0 40px 0;
	width: 100%;
	padding: 0;
}
	div#proindex {
		text-align: left;
		margin: 0;
		padding: 0;
		float: left;
		clear: right;
	}


img.i_proimg {
	border: 1px solid #000000;
	margin: 3px 10px 10px 0;
	padding: 0;
	float: left;
}


/******************** download styles ********************/
div#dldarea {
	text-align: left;
	margin: 0 0 40px 0;
	width: 100%;
	padding: 0;
	border-bottom: 5px #558EBF solid;
}
	div#dldheader {
		text-align: right;
		margin: 0;
		width: 512px;
		padding: 2px 0;
		border-bottom: 5px #558EBF solid;
		border-right: 5px #558EBF solid;
	}
	div#dldheader span {
		font-size: 14px;
		font-weight: bold;
		margin: 0 10px;
		color: #015FB1;
	}
	div.dldeven {
		width: 502px;
		margin: 0;
		padding: 2px 5px;
		background-color: #FDFEFF;
		border-left: 5px #558EBF solid;
	}
	div.dldoneven {
		width: 502px;
		margin: 0;
		padding: 2px 5px;
		background-color: #F4F6F7;
		border-left: 5px #558EBF solid;
	}
		div.dldnaam {
			margin: 0;
			padding: 0;
			width: 371px;
			clear: right;
			float: left;
		}


img.i_dldimg {
	margin: 2px 5px 2px 0;
	padding: 0;
	float: left;
}
img.i_dldbutton {
	margin: 0 5px;
	padding: 0;
	float: right;
	clear: right;
	border: 0;
}


/******************** artikel styles ********************/
div#artarea {
	text-align: left;
	margin: 0 0 40px 0;
	width: 100%;
	padding: 0;
	border-bottom: 5px #558EBF solid;
}
	div#artheader {
		text-align: right;
		margin: 0;
		width: 512px;
		padding: 2px 0;
		border-right: 5px #558EBF solid;
	}
	div#artheader span {
		font-size: 14px;
		font-weight: bold;
		margin: 0 10px;
		color: #015FB1;
	}
	div#artsubheader {
		font-style: italic;
		margin: 0;
		width: 502px;
		padding: 2px 0 2px 10px;
		border-bottom: 5px #558EBF solid;
		border-right: 5px #558EBF solid;
	}
	div.arteven {
		width: 502px;
		margin: 0;
		padding: 5px;
		background-color: #FDFEFF;
		border-left: 5px #558EBF solid;
	}
	div.artoneven {
		width: 502px;
		margin: 0;
		padding: 5px;
		background-color: #F4F6F7;
		border-left: 5px #558EBF solid;
	}
		div.artindex {
			margin: 0;
			padding: 0;
			text-align: left;
			width: 502px;
		}
			div.artcolex {
				margin: 0;
				padding: 5px 2px 0 3px;
				text-align: left;
				width: 14px;
				float: left;
			}
			div.artlognaam {
				margin: 0;
				padding: 0 5px 0 0;
				text-align: left;
				width: 269px;
				float: left;
			}
			div.artlognr {
				margin: 0;
				padding: 0 5px;
				text-align: left;
				width: 100px;
				float: left;
			}
			div.artlogprijs {
				margin: 0;
				padding: 0 3px 0 2px;
				text-align: right;
				width: 94px;
				float: left;
			}
			div.artnaam {
				margin: 0;
				padding: 0 5px 0 0;
				text-align: left;
				width: 343px;
				float: left;
			}
			div.artnr {
				margin: 0;
				padding: 0 3px 0 2px;
				text-align: right;
				width: 130px;
				float: right;
			}
		div.ondindex {
			margin: 0 0 0 7px;
			padding: 0;
			text-align: left;
			width: 494px;
			border-left: 1px #FF9900 solid;
		}
			div.ondinfo {
				margin: 0;
				padding: 2px 3px 2px 12px;
				text-align: left;
				font-size: 11px;
				border-bottom: 1px #FF9900 solid;
			}
			div.ondcolex {
				margin: 0;
				padding: 2px 0;
				text-align: left;
				width: 11px;
				float: left;
				font-size: 10px;
				color: #FF9900;
				clear: left;
			}
			div.ondlognaam {
				margin: 0;
				padding: 2px 5px;
				text-align: left;
				width: 264px;
				float: left;
				font-size: 10px;
				clear: right;
			}
			div.ondlognr {
				margin: 0;
				padding: 2px 5px;
				text-align: left;
				width: 100px;
				float: left;
				font-size: 10px;
				clear: right;
			}
			div.ondlogprijs {
				margin: 0;
				padding: 2px 3px 2px 2px;
				text-align: right;
				width: 94px;
				float: left;
				font-size: 10px;
				clear: right;
			}
			div.ondnaam {
				margin: 0;
				padding: 2px 5px;
				text-align: left;
				width: 338px;
				float: left;
				font-size: 10px;
				clear: right;
			}
			div.ondnr {
				margin: 0;
				padding: 2px 3px 2px 2px;
				text-align: right;
				width: 130px;
				float: left;
				font-size: 10px;
				clear: right;
			}


/******************** relatie styles ********************/
div#relarea {
	text-align: left;
	margin: 0 0 20px 0;
	width: 100%;
	padding: 0;
}
	div#relheader {
		text-align: right;
		margin: 0;
		width: 512px;
		padding: 2px 0;
		border-bottom: 5px #558EBF solid;
		border-right: 5px #558EBF solid;
	}
	div#relheader span {
		font-size: 14px;
		font-weight: bold;
		margin: 0 10px;
		color: #015FB1;
	}
	div#relindex {
		margin: 0;
		padding: 0;
		border-left: 5px #558EBF solid;
		width: 512px;
	}
		div.releven {
			background-color: #FDFEFF;
			text-align: center;
			border-bottom: 5px #558EBF solid;
			width: 128px;
			float: left;
			clear: right;
			height: 150px;
		}
		div.releven span {
			text-align: center;
			margin: 0 5px 3px 5px;
			font-size: 10px;
		}
		div.reloneven {
			background-color: #F4F6F7;
			text-align: center;
			border-bottom: 5px #558EBF solid;
			width: 128px;
			clear: right;
			float: left;
			height: 150px;
		}
		div.reloneven span {
			text-align: center;
			margin: 0 5px 3px 5px;
			font-size: 10px;
		}


img.i_relimg {
	margin: 10px;
	border: 1px solid #000000;
}