html, body {
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}

.layout {
		position:absolute;
		border:0px dotted #000;
	}
	

.layout.l1.topbar {
		top:0; 
		height:170px;
		left:10%;
		right:0; 
	}
.layout.l1.centerbar {
		top:170px;
		left:10%;
		right:0;
	}
.layout.l1.bottombar {
		bottom:10px;
		height:50px;
		left:10%;
		right:0;
		float:left;
	 }

	/*  3 column layout, left, content, right, all dynamic*/

.layout.l4.leftbar {
		top:0;
		bottom:0;
		width:225px;
	}
.layout.l4.centerbar {
		left :235px;
		top:0;
		bottom:0;
				
	}
.layout.l4.rightbar {
		left :250px;
		width:540px; /*new  800 * 600 */
		right:38%;
		top:0;
		bottom:0;
		background-image: url(../imgs/khanda-bg.gif); 
		background-repeat: no-repeat ;
		background-position: center top; 
	}

	/* 2 row split */
	
.layout.l6.topbar {
		bottom:30px;
		left:0;
		right:0;
		top:0px;
	}
.layout.l6.bottombar {
		left:0;
		right:0;
		top:140px;
		bottom:0;
	}

/* grijs line repetation*/

.grijs-line {  
	height :8px;
	background-image: url(../imgs/grijs-line.gif); 
	background-repeat: repeat ;
}	
.grijs-line1 {  
	width:540px;
	height :8px;
	background-image: url(../imgs/grijs-line.gif); 
	background-repeat: repeat ;
}	

/* brown line repetation*/

.brown-line	{
	width :8px;
	background-image: url(../imgs/brown-line.jpg); 
	background-repeat: repeat-y ;
}

/* heading bg image repetation*/

.heading-bg {
	background-image: url(../imgs/heading-bg.gif); 
	background-repeat: repeat ;
}

/* oran-blauw bg image repetation*/
.oran-blauw-bg {
	width:540px;
	background-image: url(../imgs/oran-blauw-bg.gif); 
	background-repeat: repeat ;
}

/* botom bg repetation*/

.bottom-bg {
	width:540px;
	background-image: url(../imgs/bottom-bg.jpg); 
	background-repeat: repeat ;
}

.bottom-link
{
width:780px;
padding:0px;
border:0px solid gray;
margin:0px;
}

.image-position
{
width:500px;
padding:5px;
border:0px solid gray;
margin:0px;
}