html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #323232 url(/kappers/images/back_rep.gif) repeat-x;
 font: 13px Arial, Helvetica, sans-serif;
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
  width:100; 
  border-left: 1px solid #808080;
 border-right: 1px solid #808080;
} 
 
#header{
 position:relative; 
 height:213px; 
 margin-top: 15px;
 background:#FFF url(/kappers/images/visual4.jpg) no-repeat left; 
 width:100%;
 border-left: 1px solid #808080;
 border-right: 1px solid #808080;
} 
#navcontainer{
 position:relative; 
 height:25px;
 border: 1px solid #808080;
 border-left:0;
 background: url(/kappers/images/menu_back.jpg) repeat-x;
 width:100%;
}
#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
}

#navcontainer ul li a
{
background: url(/kappers/images/menu_back.jpg) repeat-x;
width: 111px;
height: 26px;
border-left: 1px solid #808080;
border-bottom: 1px solid #808080;
border-right: none;
color: #000;
text-decoration: none;
display: block;
text-align: center;
font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#rightcol{
background: #e1e2e4 url(/kappers/images/back-rep3.gif) repeat-y right;
border: 0;
height: 400px;
}
address{
text-align: right; 
margin-right: 40px;
}

#navcontainer ul li a:hover
{
color: #000;
border-left: 1px solid #808080;
background: url(/images/menu_back_hover_geel.jpg) repeat-x;
}

#navcontainer li#active a
{
color: #000;
border-left: 1px solid #808080;
background: url(/images/menu_back_hover_geel.jpg) repeat-x;
} 
 
#maincol{
background: #e1e2e4 url(/kappers/images/back_champ.gif) no-repeat bottom left;
 float: left; 
 display:inline; 
 position: relative;
 height: 400px; 
 width: 550px;
 }
#maincol p{
line-height: 19px; 
}
 
h1 {
	text-align: left;
	font-size: 32px;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 20px;
}

p{
	margin-top: -25px;
	padding-left: 20px;
}
#rightcol{
	width: 290px;
	float: right;
	margin-top: 15px;
}
.weekmenu{
 	float: right;
 	width: 230px;
	margin-right: 40px;
	margin-top: 10px;
	border: 5px solid #e1e2e4;
}

.weekmenu h2{
width: 100%;
text-align:center;
margin: -20px auto auto 75px;
}
.weekmenu p{
	width: 230px;
	text-align:center;
	margin: -10px 0 5px 0;
	padding: 0;
}
 
#footer{
 height:20px; 
 clear:both;
 background: url(/kappers/images/back_champ_full.gif) repeat-y;
 } 
 #footer span{
 	float: right;
	margin-right: 24px;
 }
 #underfooter{
 height: 16px;
 background: url(/kappers/images/footer_bottom_champ.gif) no-repeat bottom;
 }
 #twocols{
 background: #e1e2e4 url(/kappers/images/back_champ_full.gif) repeat-y;
 }
 .fotorechts{
 	float: right;
 	width: 230px;
	margin-right: 40px;
	margin-top: 10px;
	border: 5px solid #e1e2e4;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}