/*
================================
opmaak body en html voor centreren site
================================
*/

html				{
					color: black;
					background:#FFFFFF url(/images/achtergrond.jpg) repeat-x;
					}
	
body				{
					left:50%;
					margin: 0px;
					margin-left: -475px;
					position:absolute;
					background-color: #ffffff;
					width:950px;
					border: 1px solid #F15822;
					border-top: 0px solid #F15822;
					padding: 10px;
					padding-top: 0px;
					}

/*
================================
Opmaak element 1
================================
*/
#header{
	float: left;
	background: #FFFFFF;
	width: 948px;
	height: 120px;
	margin: 0px;
}

#element1	{
	float: right;
	background: #FFFFFF;
	width: 250px;
	height: 40px;
	margin: 0px;
	}

#element1	p{
	float: left;
	background: #FFFFFF;
	width: 400px;
	line-height: 30px;
	height: 20px;
	margin: 0px;
	}

#element2	{
	float: left;
	background: #ff00ff;
	width: 250px;
	height: 120px;
	margin: 0px 0px 0px 0px;
	}

#logo	{
	float: left;
	margin: 0px;
	}
/*
================================
Opmaak element 3
================================
*/

div#element3{
	float: left;
	margin: 0px;
	width: 100%;
	height: 160px;
	background: #ffffff;
	margin: 10px 0px 10px 0px;
	}

#grote_banner{
float: left;
width: 520px;
height: 150px;
margin: 4px 0px 0px 0px;
background: #dadada;
}
/*
================================
Opmaak navigatie
================================
*/

#navigation_left	{
	float: left;
	background: #ffffff url(/images/menu_orange_left.jpg);
	width: 20px;
	height: 40px;
	margin: 0px;
	}

#navigation_right	{
	float: left;
	background: #ffffff url(/images/menu_orange_right.jpg);
	width: 20px;
	height: 40px;
	margin: 0px;
	}

#navcontainertop	{
	float: right;
	width: 243px;
	height: 40px;
	margin: 15px 0px 0px 0px;
}

#navigationcontainer100	{
	float: left;
	background: #ffffff url(/images/menu_orange.jpg);
	width: 203px;
	height: 40px;
	margin: 0px;
	overflow: hidden;
	}

#navigation100	{
	width:203px;
	clear: both;
	border-left: 1px solid white;
	margin: 0px;
	padding: 0px;
	float:left;
}

#navigation100	li{
					float: left;
					width: 100px;
					border: 0px;
					padding-left: 0px;
					margin: 0px 0px 0px 0px;
					border-right: 1px solid white;
					list-style-type: none;
					}

#navigation100 li a	{
					float: right;
					color: #ffffff;
					width: 100px;
					line-height: 40px;
					font-weight: bold;
					margin: 0px 0px 0px 0px;
					text-align: center;
					text-decoration: none;
					}

#navigation100 li a:link	{
					color: #ffffff;
					line-height: 40px;
					margin: 0px;
					text-align: center;
					text-decoration: none;
					}

#navigation100 li a:hover{
	background: #ffffff url(/images/menu_orange_down.jpg);
	color: #111111;
	}

#navigationcontainer200	{
	float: left;
	width: 423px;
	height: 40px;
	margin: 0px 0px 0px 5px;
	}

#navigation200	{
	width: 423px;
	height: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
}



#navigation200 li{
					float: left;
					width: 140px;
					height: 160px;
					margin: 0px;
					border: 0px;
					text-align: center;
					border-right: 0px solid white;
					list-style-type: none;
					}
#navigation200_1{
					float: left;
					width: 140px;
					background: #ffffff url(/images/Menu_a.jpg);
					height: 160px;
					border: 0px;
					text-align: center;
					border-right: 0px solid white;
					list-style-type: none;
					}
#navigation200_2{
					float: left;
					width: 140px;
					background: #ffffff url(/images/Menu_b.jpg);
					height: 160px;
					border: 0px;
					text-align: center;
					border-right: 0px solid white;
					list-style-type: none;
					}
#navigation200_3{
					float: left;
					width: 140px;
					background: #ffffff url(/images/Menu_c.jpg);
					height: 160px;
					border: 0px;
					text-align: center;
					border-right: 0px solid white;
					list-style-type: none;
					}


#navigation200 li a	{
	float: left;
					color: #ffffff;
					font-size: 8pt;
					width: 140px;
					height: 160px;
					line-height: 60px;
					font-weight: bold;
					text-align: center;
					text-decoration: none;
					}

#navigation200 li a:link	{
					color: #ffffff;
					line-height: 40px;
					text-align: center;
					text-decoration: none;
					}

#navigation200 li a:hover{
	color: #111111;
	}

#navigationcontainer1000	{
	float: left;
	background: #ffffff url(/images/menu_orange.jpg);
	width: 680px;
	height: 40px;
	margin: 0px;
	overflow: hidden;
	}

#navigation1000	{
	width: 680px;
	height: 40px;
	clear: both;
	border-left: 1px solid white;
	margin: 0px;
	padding: 0px;
	float:left;
}

#navigation1000 li{
					float: left;
					border: 0px;
					width: 130px;
					height: 40px;
					line-height: 60px;
					list-style-type: none;
					}

#navigation1000 li a	{
					float: left;
					color: #ffffff;
					width: 120px;
					height: 40px;
					line-height: 60px;
					padding-left: 5px;
					padding-right: 5px;
					font-weight: bold;
					border-right: 1px solid white;
					text-decoration: none;
					}

#navigation1000 li a:link	{
					color: #ffffff;
					text-decoration: none;
					}

#navigation1000 li a:hover{
	background: #ffffff url(/images/menu_orange_down.jpg);
	color: #111111;
	}

#navigation2000	{
	width: 230px;
	clear: both;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	margin: 0px;
padding: 0px;
	float:left;
}

#navigation2000	li{
	float: left;
	width: 230px;
	height: 25px;
	line-height: 25px;
	border: 0px;
	padding-left: 0px;
	margin: 0px;
	border-bottom: 1px solid white;
	list-style-type: none;
	}

#navigation2000 li a	{
	float: left;
	color: ffffff;
	width: 230px;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	}

#navigation2000 li a:link	{
					color: #ffffff;
					text-align: left;
					text-decoration: none;
					}

#navigation2000 a:visited	{
					color: #ffffff;
					text-align: left;
					text-decoration: none;
					}
#navigation2000 li a:hover{
	background: #ffffff url(/images/col_orange_down.jpg);
	color: #111111;
	}
/*
================================

================================
*/
#buttoncenter{
float: center;
height: 40px;
margin: 0 auto;
text-align: center;
}

#buttoneter{
	float: left;
	background: #ffffff url(/images/menu_orange.jpg);
	width: 250px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

#buttoneter ul{
	background: #ffffff url(/images/menu_orange.jpg);
	height: 40px;
	margin: 0px;
	overflow: hidden;
	border: 0px;
	}


#buttoneter	ul li{
					float: left;
					border: 0px;
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					}

#buttoneter ul li a	{
					float: left;
					color: #ffffff;
					line-height: 40px;
					font-weight: bold;
					margin: 0px 0px 0px 0px;
					text-align: center;
					text-decoration: none;
	}
#button{
	float: left;
	background: #ffffff url(/images/menu_orange.jpg);
	height: 40px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 150px;
	}

#button ul{
	background: #ffffff url(/images/menu_orange.jpg);
	height: 40px;
	margin: 0px;
	overflow: hidden;
	border: 0px;
	}


#button	ul li{
					float: left;
					border: 0px;
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					}

#button ul li a	{
					float: right;
					color: #ffffff;
					line-height: 40px;
					font-weight: bold;
					margin: 0px 0px 0px 0px;
					text-align: center;
					text-decoration: none;
width: 150px;
					}

#button ul li a:link	{
					color: #ffffff;
					line-height: 40px;
					margin: 0px;
					text-align: center;
					text-decoration: none;
					}

#button ul li a:hover{
	background: #ffffff url(/images/menu_orange_down.jpg);
	color: #111111;
	}

#mijnbalans td{
border: 1px solid #F26A23;
padding: 5px;

}

#search	{
	float: left;
	background: #ffffff url(/images/menu_orange.jpg) repeat-x;
	height: 40px;
	width: 230px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	}

#search	table{
	margin: 6px 0px 0px 0px;
	}

#leftcol	{
	width: 230px;
	float: left;
	background: #ffffff;
}

#leftcol1	{
	width: 230px;
	float: left;
	background: #F26A23 url(/images/col_orange.jpg) top repeat-x;
}

#leftcol2	{
	width: 230px;
	float: left;
	margin-top: 10px;
	background: #F26A23 url(/images/col_orange.jpg) top repeat-x;
}

#profielgegevens
	{
	width: 230px;
	margin: 0px;
	padding: 0px;
	}

#profielgegevens p
	{
	margin: 10px;
	}
.col_b	{
	width: 100%;
	float: left;
	background: #F26A23;
	height: 40px;
}

#rightcol	{
	width: 200px;
	float: right;
	background: #F26A23 url(/images/col_orange.jpg) top repeat-x;
}

#rightmodules{
width:180px;
margin-left: 10px;
}

#rightcol h1{
color: white;
text-align: left;
margin: 0px;
}

#rightcol h1 a{
color: white;
text-align: center;
}

#leftmodules{
text-align: center;
width:208px;
margin-left: 10px;
color: white;
}

#leftmodules p{
text-align: center;
color: white;
}

#leftmodules a{
font-weight: bold;
color: white;
}

#leftmodules a:hover{
color: black;
}
#rightcol h1{
color: white;
text-align: left;
margin: 0px;
}

#rightcol h1 a{
color: white;
text-align: center;
}

.col_left	{
	float: left;
	background: transparent url(/images/col_orange_left.jpg);
	width: 20px;
	height: 25px;
	margin: 0px;
	}

.col_right	{
	float: right;
	background: transparent url(/images/col_orange_right.jpg);
	width: 20px;
	height: 25px;
	margin: 0px;
	}

.col_left_b	{
	float: left;
	background: transparent url(/images/col_orange_left_b.jpg) bottom left;
	width: 20px;
	height: 25px;
	margin: 0px;
	}

.col_right_b	{
	float: right;
	background: transparent url(/images/col_orange_right_b.jpg);
	width: 20px;
	height: 25px;
	margin: 0px;
	}

.menutracker{
font-size: 7pt;
}

.menutracker a{
font-size: 7pt;
}

#inhoud		{
			width:950px;
			_height: 380px;
			min-height: 380px;
			margin: 0px 0px 0px 0px;
			float:left;
			}
#bmi{
		float: right;
		width: 240px;
		height: 195px;
		margin: 0px -10px 0px 5px;
		padding: 5px;
		border: 1px solid black ;
		font: normal 8pt verdana, courier new, times, tahoma, sans-serif;
		}

#bmi td{
		font: normal 8pt verdana, courier new, times, tahoma, sans-serif;
		border: 0px;
		padding: 0px;
		}
#BmiBerekening{
margin: -15px 0px 0px 0px;
		border:0px solid black;
		font: normal 8pt verdana, courier new, times, tahoma, sans-serif;
		}
#container{
		float: left;
		background: #FFFFFF;
		width: 485px;
		_height: 390px;
		min-height: 390px;
		margin: 0px 0px 10px 10px;
		}

.content	{
		padding: 0px;
		width: 485px;
		padding-top: 0px;
		}
.content table{
		
		}

.content td{
		}

.content td h5{
		margin: 0px;
		padding: 0px;
		}

.content td h3{
		margin: 0px;
		padding: 0px;
		}

.content	img{
			border: 1px solid #B5DC10;
		}
.content	table img{
			border: 0px solid #B5DC10;
		}

.keuzetabel{
border: 1px solid black;
margin: 15px 0px 0px 0px;
}

h1.kopkeuze img{
float: left;
width: 60px;
height: 60px;
margin-right:10px;
}

.kopkeuze{
float: left;
vertical-align: bottom;
width: 500px;
height: 60px;
text-align: left;
font-size: 1.3em;
font-weight: bold;
}

.kopkeuze span{
font-size: 0.6em;
font-weight: normal;
}

.keuzetabel td{
width: 150px;
padding:5px;
border: 1px solid black;
}

td.rood	{
width: 150px;
background: red;
font-weight: bold;
color: white;
border: 1px solid black;
text-align: center;
}

td.groen	{
width: 150px;
background: green;
font-weight: bold;
color: white;
border: 1px solid black;
text-align: center;
}

td.oranje	{
width: 150px;
background: orange;
font-weight: bold;
color: white;
border: 1px solid black;
text-align: center;
}

#emotioneel{
float: left;
background: #ffffff url(../images/emotioneel.jpg);
width: 150px;
margin-right: 5px;
height: 270px;
padding: 0px;
text-align: center;
}

#emotioneel a{
float: left;
margin: 15px 5px 5px 5px;
text-decoration: none;
}

#extern{
float: left;
background: #ffffff url(../images/externe.jpg);
width: 150px;
height: 270px;
padding: 0px;
text-align: center;
}

#extern a{
float: left;
margin: 15px 5px 5px 5px;
text-decoration: none;
}

#lijngericht{
float: left;
background: #ffffff url(../images/lijngericht.jpg);
width: 150px;
margin-right: 5px;
height: 270px;
padding: 0px;
text-align: center;
}

#lijngericht a{
float: left;
margin: 15px 5px 5px 5px;
text-decoration: none;
}

input{
border: 1px solid #adadad;
line-height: 20px;
}



/*
================================

================================
*/

#element5	{
		background-color: #333333;
		clear:left;
		float: left;
		height: 30px;
		width: 788px;
		margin: 0px 0px 0px 0px;
		}

#element5 ul {
				background-color:#FFFFFF;
				border-top: 6px solid #BEABA9;
				border-bottom: 6px solid #BEABA9;
				width: 788px;
				height: 18px;
				clear: both;
				margin: 0px 0px 0px 0px;
				border-left: 1px solid #B5DC10;
				border-right: 1px solid #B5DC10;
				padding-left: 0px;
				float:left;
				}

#element5 li {
					float: left;
					width: 19px;
					height:16px;
					border: 1px solid #000000;
					border-left: 0px solid #000000;
					border-right: 0px solid #000000;
					list-style-type: none;
					}
#element5 li a{
					float: left;
					width: 19px;
					height:16px;
					border: 0px solid #000000;
					border-left: 0px solid #000000;
					border-right: 1px solid #000000;
					list-style-type: none;
				}

#element5 li a:visited{
					float: left;
					width: 19px;
					height:16px;
					border: 0px solid #000000;
					border-left: 0px solid #000000;
					border-right: 1px solid #000000;
					list-style-type: none;
				}
#element5 li a:hover {
					background-color: #000000;
					}
#element5 p a	{
		float: left;
		margin: 15px 0px 0px 10px;
		font-size: 20px;
		color: white;
		font-weight: bold;
		}


/*
================================

================================
*/

#element6		{	
					float: left;
					background-color: #000000;
					color: #FFFFFF;
					width: 775px;
					height: 18px;
					text-align: left;
					line-height: 16px;
					padding-left: 5px;
					border-bottom: 1px solid #C4AE99;
					margin: 0px 0px 0px 50px;
					_margin: 0px 0px 0px 25px;
					border-left: 1px solid #B5DC10;
					border-right: 1px solid #B5DC10;
					}
#element6	a	{	
					color: #FFFFFF;
						}
/*
================================

================================
*/

#element7			{	
					float: left;
					width: 950px;
					background: #FFFFFF;
					height: 18px;
					text-align: center;
					line-height: 18px;
					margin: 17px 0px 0px 0px;
					}

#element7 a	{
			color: #000000;
			}

#element7 a:link	{
			color: #000000;
			}

#element7 a:visited	{
			color: #000000;
			background: #FFFFFF;
			}

#designed	{
			margin-top: 0px;
			background: #FFFFFF;
			color: #000000;
			font-size: 8pt;
			padding-right: 5px;
			}
#ontworpen	{
			margin-top: 0px;
			color: #000000;
			font-size: 8pt;
			padding-left: 5px;
			float: left;
			}
#w3c{
		float:right;
		clear: both;
		border-bottom:0px;
		margin-top:5px;
		margin-right: 0px;
		padding:0;
		}