body {
	margin-top: 10px;	
	margin-bottom: 10px;	
	margin-left: 0px;
	margin-right: 0px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(204,0,51);
	text-decoration: underline;
}

b.input_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: rgb(204,0,51);
}

b.error, ul.error, b.overzicht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(204,0,51);
}

table.box {
	border: 1px solid #000000;
	width: 775px; 
	height: 430px;
}

td.box {
	border: 1px solid #000000;
}

td.menu {
	width: 150px; 
	height: 390px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(0,0,0);
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(0,0,0);
	text-align: left;
}

input.hidden, tr.hidden {
	display:none;
}

input, input.edit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(0,0,0);
	text-align: left;
	width: 200px;
	padding-left: 4px;
	border: 1px solid rgb(204,0,51);
}

textarea.edit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(0,0,0);
	text-align: left;
	width: 400px;
	padding-left: 4px;
	border: 1px solid rgb(204,0,51);
}

input.image {
	width: auto;
	border: none;
	padding: 0px;
}

input.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(0,0,0);
	text-align: left;
	width: 200px;
	margin-right: 5px;
	padding-right: 4px;
	border: 1px solid rgb(204,0,51);
	background: rgb(241,200,201);
}

input.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(0,0,0);
	text-align: left;
	width: 150px;
	padding-left: 4px;
	border: 1px solid rgb(204,0,51);
}

input.bagfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(0,0,0);
	text-align: right;
	width: 40px;
	margin-right: 10px;
	padding-right: 4px;
	border: 1px solid rgb(204,0,51);
}

input.readonly {
	width:200px;
	border: 1px solid rgb(255,255,255);
	background: transparent;
	height: 20px;	
  padding-left: 4px;
}

input.disabled {
	border: 1px solid rgb(255,255,255);
  background: transparent;
}

input.bagbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(255,255,255);
	text-align: center;
	width: 40px;
	border: 1px solid rgb(0,0,0);
	background: rgb(204,0,51);
	cursor: pointer;
	margin-right: 10px;
}

input.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(255,255,255);
	text-align: center;
	width: 120px;
	border: 1px solid rgb(0,0,0);
	background: rgb(204,0,51);
	cursor: pointer;
	margin-right: 10px;
}

input.radio {
	width: auto;
	background: transparent;
	border: 0px;
}

td.footer {
	background-color: rgb(204,0,51);
	height: 30px;
	padding-right: 15px;
}

td.line {
	border-bottom: 1px solid rgb(0,0,0);
}

td.artikelheader {
	font-weight: bold;
}

td.prijs {
	font-weight: bold;
	font-size: 14px;
	color: rgb(204,0,51);
	text-align: right;
}

td.afmetingenheader {
	font-weight: bold;
	font-size: 14px;
	color: rgb(255,255,255);
	border-collapse: collapse;
	border: 1px solid rgb(0,0,0);
	padding: 4px;
	text-align: center;
}

table.border, td.border {
	border-collapse: collapse;
	border: 1px solid rgb(0,0,0);
	padding: 4px;
}

/** default **/

input.debug {
  background-color: rgb(255,255,255);
  color: rgb(0,128,0);
  border: 1px dashed rgb(0,128,0);
  font-weight: bold;
  width: 200px;
  text-align: center;
}

tr.debug {
  background-color: rgb(128,255,128);
  font-weight: bold;
}

table.error {
  border: 4px solid rgb(204,0,51);
  background-color: rgb(255,255,255);
}

td.error {
  color: rgb(204,0,51);
}

table.debug {
	border: 4px solid rgb(0,128,0);
	background-color: rgb(255,255,255);
}

td.debug {
  color: rgb(0,128,0);
}

table.info {
	border: 4px solid rgb(0,0,99);
	background-color: rgb(255,255,255);
}

td.info {
  color: rgb(0,0,99);
}