html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#fff;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #282204;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #282204;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #666;
}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0; 
	background-color:#FFFFFF; 
	text-align:center;
}

/*blauwe bg_top*/
#head {
	position:absolute;
	background-image:url(../images/bg_top_zwart.gif);
	margin:0;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:226px;
	font-size:14pt;
	z-index:5;
	color:#fff;
	right:auto;
	text-align:center;
	visibility: visible;
	
}

#hoofdnav {
	position:absolute;
	margin:0;
	top:10px;
	left:0;
	display:block;
	width:100%;
	height:40px;
	font-size: 15px;
	font-weight: 600;
	z-index:6;
	color:#fff;
	right:auto;
	text-align:center;
	visibility: visible;
	}
#hoofdnav ul{padding: 0; margin: 0;}		
#hoofdnav li{display: inline; padding: 0px 1em;	border-right: 1px solid #FFFFFF;}
#hoofdnav a, #hoofdnav a:visited, #hoofdnav a:active {color: #FFFFFF;text-decoration: none;}
#hoofdnav a:hover {color: #FFFFFF;text-decoration: underline;}
#hoofdnav a.selected {color: #FFFFFF;text-decoration: underline;}
#hoofdnav a:visited.selected {color: #FFFFFF;text-decoration: underline;font-style: italic;}
.streep{
border-left: 1px solid #FFFFFF;}
/*de footer*/

#foot {
	position:absolute;
	margin:0;
	bottom:0;
	left: 0;
	display:block;
	width:100%;
	height:40px;
	z-index:5;
	text-align:left;
	color:#FFF;
	right:auto;
	background: #282204;
	font-size:11px;
	visibility: visible;
}
* html #foot {bottom:-1px;height:40px; font-size:11px;}
#foot a, #foot a:visited, #foot a:active{color:#FFF; text-decoration: none; padding: 5px;}
#foot a:hover{color:#FFF; text-decoration: underline;padding: 5px;}

/*blauwe border-left en right*/

#kolom1, #kolom2 {
	position:absolute;
	border-left: 1px solid #282204;
	border-right: 1px solid #282204;
	left:0;
	top:226px;
	bottom:40px;
	font-size:1em;
	z-index:3;
	text-align:left;
	visibility: visible;
}

/*de layer met subnavigatie*/

#kolom1 { 
	width:290px; 
	overflow:auto;
	left:50%; 
	background-color:#FFFFFF; 
	margin-left:-400px; 
	text-align: right;
	
}

#kolom1 ul{position: absolute; width: 270px;padding: 5px; margin: 0; list-style: none; color: #666; z-index:13; background-color: #FFFFFF;}	
*html #kolom1 ul{position: absolute; width: 270px; left: 11px; padding: 5px; margin: 0; list-style: none; color: #666; z-index:13;}		
#kolom1 li{display:block; padding-right: 5px; padding-top: 5px; font-style:italic; font-weight: bold; font-size: 12px;	letter-spacing: 0.2em;}
#kolom1 a, #kolom1 a:visited, #kolom1 a:active {color: #666; text-decoration: none; }
/*blauw= color: #282204;*/
#kolom1 a:hover {color: #282204;text-decoration: underline;}
#kolom1 a.selected {color: #666;text-decoration: underline;}
#kolom1 a:visited.selected {color: #666;text-decoration:underline;}


/*layer met plaatje links onder*/
#img_links {
	position: absolute;
	left: 11px;
	bottom: 11px;
	height: 168px;
	border: 1px solid #666666;
	z-index: 12;
	
}

/*de content layer*/

#kolom2 { 
	width:510px; 
	overflow:auto;
	left:50%; 
	background-color:#FFFFFF; 
	margin-left:-112px;
}

/*subnavigatie en contentlayer in IE*/

* html #kolom1, * html #kolom2 {
	height:100%; 
	top:4px; 
	bottom:0; 
	border-top:222px solid white; 
		border-bottom:44px solid white;
}  

* html #kolom2 { 
	width:512px;
} 

* html #kolom1 { 
	width:290px; 
}

/*de content zelf*/

#tekstblok {
	display:block; 
	padding:10px 30px 10px 10px; 
	line-height:150%;
	color:#666666;
}

/*h1 en h2*/

#tekstblok h1 {
	font-size:14px;
	margin-bottom: -3px;
	margin-top:0;	
	letter-spacing: 0.1em;
	color:#282204;
}
#tekstblok h2 {
	
	font-size:13px;
	margin-bottom: -8px;
	letter-spacing: 0.1em;
	color:#282204;	
	
}

#tekstblok h3 {
	
	font-size:14px;
	margin-bottom: -8px;
	letter-spacing: 0.1em;
	color:#666;	
	
}

#tekstblok p {
	font-size:13px;
	margin:10px;
	
	}
#tekstblok p:first-letter
{font-weight: bold;}

.highlight {
font-weight: bold;}

#tekstblok hr {
	color: #666;
	background-color: #666;
	line-height: normal;
	height: 1px;
	border: dashed 1px;
	
}
	
/*de linken in het tekstblok*/
#tekstblok a, #tekstblok a:visited, #tekstblok a:active {color: #282204; text-decoration: underline; }
#tekstblok a:hover {text-decoration: none;}

#tekstblok ul li{list-style:square;}
#tekstblok ul li li{list-style:disc;}
#tekstblok ul li li li{list-style:circle;}


#bloknavigatie {
width: 400px;
font-weight: bold;
font-style: italic;
margin-top: 10px;
padding: 7px;
border: 1px solid #282204;}

.terug {
float: right;
font-size:10px;
font-weight: bold;}

/*

.tabel {

width: 450px;
font-size: 12px;
color: #666;
margin: 20px 0px;}

.tabel td{
padding: 8px;
border-top: solid 1px #002000;}


.tabel td.kop1{
padding: 8px;
color: #333;
width: 220px;
background-color:#282204;
border-bottom: solid 2px #002000;
border-top: solid 1px #002000;}



.tabel_metabole {

width: 420px;
font-size: 12px;
color: #666;
margin: 20px 0px;}
.tabel_metabole h4{
border-bottom: 1px solid #666;
font-size: 14px;

padding-left: 10px;
font-weight: bold;}

.voedingstabel {

font-size: 11px;
color: #666;
width: 450px;
margin: 20px 0px;}

.voedingstabel td{
padding: 8px;
border: solid 1px #002000;

}

.voedingstabel td.kop1{
padding: 8px;
color: #333;
background-color:#282204;


}
.voedingstabel td.goed{
background-color: #339966;
}
.koolhydratentabel {

font-size: 12px;
padding: 8px;
width: 415px;
color: #666;
border: 1px solid #666;
margin: 20px 0 20px 35px;}
.koolhydratentabel td.kop {
font-size: 14px;
font-weight: bold;}

.omrekentabel {

font-size: 11px;

color: #666;
width: 450px;
margin: 20px 0px;}

.omrekentabel td{
padding: 8px;
border: solid 1px #002000;

}