
.canvas {
	width: 510px;
	min-height: 510px;
	/* Nice expression to make IE5 support min-height */
	height:expression( this.scrollHeight < 510? "510px" : "auto" );
	font-size: 7.99pt;
	/*border: 1px dotted red;*/
}

/* make sure edit buttons are visible */
.canvas div.editblock {
	position: relative;
	top: -17px;
}

.endofcanvas {
	clear: both;
	border: 1px solid white;
}

.layoutcontainer {
	float: left;
	padding: 0;
	margin: 0;
}

div.columnspace {
	float: left;
	width: 16.15px;
	height: 16.15px;
}

div.rowspace {
	width: 0px;
	height: 16.15px;
	clear: both;
}

.layoutbox {
	float:left;	
	padding: 0;
	margin: 0;
}

.layoutbox div {
	/* margin: 10px; */
}

.w1 {
	width: 114.75px;
}

.w2 {
	width: 246.5px;
}
	  
.w3 {
	width: 378.25px;
}

.w4 {
	width: 510px;
}

.h1 {
	height: 115.6px;
}

.h2 {
	height: 246.5px;
}

.h3 {
	height: 378.25px;
}

.h4 {
	min-height: 510px;
	/* height: 600px; */
	/* Nice expression to make IE5 support min-height */
	height:expression( this.scrollHeight > 510? "510px" : "auto" );
}

table.blocklayout td{
	padding: 1px;
}
table.blocklayout tr{
}

table.blocklayout td.block {
/* oude kleur: border: 1px solid #777787; */
/*	border: 1px solid #999999; */
	vertical-align: top;
	padding: 5px;
}

img.photo {
	margin: 0 10px 10px 10px;
	padding: 1px;
}	

img.left {
	margin-left: 0;
	float: left;
}

img.right {
	margin-right: 0;
	float: right;
}
