 /*scale
	MSIE@x-small
	Moz@small
	60em = 770px
	1em = 12.833px
*/

/* lay-out */
body {
	padding : 0em 0em 0em 0px;
	margin: 0px 0px 0px 0px;
}
/*
==================================
	Deleted styles (bewaard voor als er rampen plaatsvinden)
==================================

	#canvas0 {
		position:relative;
		width: 84em;	
		text-align:left;
		margin-left : auto;
		margin-right : auto;
		padding : 0px 0px 0px 0px;	
		height: 100%;

	}
	html>body #canvas0 {
		position:relative;
		width: 88.5em;	
		text-align:left;
		margin-left : auto;
		margin-right : auto;
		padding : 0px 0px 0px 0px;	
		height: 100%;
*/
	}
	#leftcol {
		float:left;
		font-size:0.71em;
		margin-left:250px;
		width:252px;
	}
			.subnav {
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				text-align: right;
			}
			.subnav ul {
				list-style-type: none;
			}
				.subnav a:link, .subnav a:visited {
					text-decoration : none;
					font-weight: bold;
					color : #D22B2F;
					background-image: url(/images/bullet_submenu.gif);
					background-position: top right;
					background-repeat: no-repeat;
					padding: 2px 20px 0px 0px;
					margin: 0px 20px 0px 0px;
					height: 16px;
					display: block;
				}
				.subnav a:active, .subnav a:hover {
					color : #000000;
					text-decoration : none;
					font-weight: bold;
					background-image: url(/images/bullet_submenu_down.gif);
				}
				.subnav a.active:active, .subnav a.active:hover, .subnav a.active:link, .subnav a.active:visited {
					color : #000000;
					text-decoration : none;
					font-weight: bold;
					background-image: url(/images/bullet_submenu_down.gif);
				}
			.imagecontainer {
				padding: 0px 0px 0px 0px;
				margin: 0px 10px 0px 50px;
			}
				.row0 {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0p;
				}
					.row0 img {
						float: left;
						padding: 0px 14px 0px 0px;
					}
		#rightcol {
			float:right;
			font-size:0.71em;
			line-height:18px;
			margin-right:71px;
			width:418px;
		/*
			float: right;
			width: 418px;
			padding: 0px 0px 0px 0px;
			margin: 0px 11px 0px 0px;
			line-height: 18px;
			text-align: left;
			*/
		}
		html>body #rightcol {
			float:right;
			font-size:0.71em;
			line-height:18px;
			margin-right:71px;
			width:418px;

		/*
			float: right;
			width: 418px;
			padding: 0px 0px 0px 0px;
			margin: 0px 71px 0px 0px;
			line-height: 18px;
			text-align: left;
			*/
		}
			#rightcol ul, ol {
				margin : 0px 0px 0em 0em;
				padding : 0px 0px 0px 16px;
				list-style-type: disc;
			}
			#rightcol a:link, #rightcol a:visited {
				text-decoration : underline;
				font-weight: normal;
				color : #00549A;
			}
			#rightcol a:active, #rightcol a:hover {
				text-decoration : none;
				font-weight: normal;
				color : #00549A;
			}
		#path {
			position: relative;
			background-image: url(/images/bg_kruimelpad.gif);
			background-position: top left;
			background-repeat: repeat-x;
			height: 31px;
			width: 985px;
			margin: 0px 10px 0px 6px;
			padding: 8px 0px 4px 0px;
			text-align: left;	
		}
			#path a:link, #path a:visited {
				text-decoration : none;
				font-weight: normal;
				color : #00549A;
				background-image: url(/images/bullet_kruimelpad.gif);
				background-position: top left;
				background-repeat: no-repeat;
				padding: 2px 0px 0px 30px;
				margin: 0px 0px 0px 0px;
				height: 20px;
			}
			#path a:active, #path a:hover {
				text-decoration : underline;
				color : #00549A;
			}
			#path ul {
			}
			#path li {
				display: inline;
			}
			.leftcorner {
				position: absolute;
				top: 0px;
				left: 0px;		
			}
			.rightcorner {
				position: absolute;
				top: 0px;
				right: 0px;					
			}
		#ontwerpprincipes {
			padding: 0px 0px 0px 260px;
			position: relative;		
		}
			.schema {
				position: relative;
				}
			.arrowmin {
				position: absolute;
				left: 696px;
				top: 12px;
				padding-top: 18px;
			}
			html>body .arrowmin {
				position: absolute;
				left: 696px;
				top: 0px;
				padding-top: 14px;
			}
			#hoverTitle {
				position : absolute;
				z-index: 3000;
				background-image: url(/images/bg_title.gif);
				background-position: top left;
				background-repeat: no-repeat;
				width: 110px;
				height: 29px;
				color: #ffffff;
				font-weight: bold;
				padding: 7px 0px 0px 18px; 
			}
	
	/*------------------ extra styles ------------------*/
	.clear {
		clear: both;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;	
	}
	
