html, body { 
margin: 0; 
padding: 0; 
color: #fff; 
height: 100%; 
text-align: center; 
} 

#container { 
position: relative; 
width: 540px; 
margin: 0 auto; 
text-align: left; 
border-left: 220px solid #FFE609; /* left border creates background for left column ~ colour only */ 
background: #FECB09 url(bilder/ksb-layout_19.jpg) repeat-y; 
min-height: 100%; /* this is where inheritance stops */ 
} 

/* the following changes the width per box model hack 
and then puts in the 100% height (equivalent to min-height) for IE/Win only */ 
/*\ hide from Mac it's not broken */ 
* html #container { 
width: 760px; 
w\idth: 540px; /* should be 760 if in quirks mode */ 
height: 100%; 
} 
/* end hide */ 

/* trick to get compliant browsers to clear the (right) floated div if required */ 
#container::after{ 
content: "."; 
display: block; 
height: 0; 
line-height: 0; 
font-size: 1px; 
clear: both; 
visibility: hidden; 
} 

#header {
	position: absolute;
	z-index: 100;
	left: 50%;
	margin: 0 0 0 -490px;
	padding: 0;
	height: 214px;
	width: 760px;
	background-image: url(bilder/ksb-layout_01.jpg);
	background-repeat: no-repeat;
} 

#footer 
{ 
position: absolute; 
left: 50%; 
bottom: 0; 
margin: 0 0 0 -490px; 
padding: 0; 
height: 95px; 
width: 760px; 
background: #D12828 url(bilder/ksb-layout_25.gif) repeat-x 0px 7px; 
} 

#left-col 
{
	position: relative;
	margin: 0 0 0 -210px;
	padding: 214px 0 95px 0;
	width: 200px;
	color: #000;
} 

#right-col 
{
	position: relative;
	float: right;
	margin: 214px 0 0 0;
	padding: 0 0 95px 0;
	width: 530px;
	color: #000;
	background-image: url(bilder/ksb-layout_07.jpg);
	background-repeat: no-repeat;
	background-position: -10px 0px;
}