/* ---------------------------------------------------------------------------------------------------- */
/* Standaard html																						*/
/* ---------------------------------------------------------------------------------------------------- */
body {
	background		: white;
	font-size		: 62.5%; /* = 10px */
	margin			: 0;
	padding			: 0;
}
h1 {
	font			: bold 12pt Arial;	
	color			: #c27dac;
}
h2 {
	font			: bold 11pt Arial;	
	color			: #c27dac;
	padding			: 0;
	margin			: 0;
}
p {
	margin-top		: 0;
	margin-bottom	: 15px;
}

hr {
	height			: 3px;
	color			: #bce034;
	background-color: #bce034;
	border			: 0;
}
form {
	margin			: 0;
	padding			: 0;
}
.overzicht {
	border			: 1px solid black;
	border-collapse	: collapse;
	padding			: 3px;
	margin			: 0;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Feitelijke website 																					*/
/* ---------------------------------------------------------------------------------------------------- */
div#container {
	background		: url(plaatjes/container.gif);
	position		: absolute;
	left			: 50%;
	width			: 970px;	
	text-align		: left;
	margin			: 15px 0 0 -485px;
}
.logo {
	width			: 188px;
	height			: 92px;
	background		: url(plaatjes/logo.gif) no-repeat;
	font			: normal 9pt Arial;
	padding			: 60px 0 0 782px;
}
.logo2 { 
	width			: 162px;
	height			: 109px;
	background		: url(plaatjes/logo2.gif) no-repeat;
	font			: normal 9pt Arial;
	padding			: 20px 18px 23px 790px;
}
.linkerkolom {
	float			: left;
	width 			: 158px;
}
.middenkolom {
	float			: left;
	background		: url(plaatjes/midden.gif) no-repeat;
	font			: normal 10pt arial;
	padding			: 32px 29px 32px 16px;
	width			: 566px;
}
.copyright {
	background		: url(plaatjes/foot.gif) no-repeat;
	float			: left;
	width			: 970px;
	height			: 15px;
	padding-top		: 15px;
	color			: #b6b6b6;
	font			: normal 10px Verdana;
}
.rechterkolom {
	float			: left;
	background		: url(plaatjes/rechts.gif) no-repeat;
	width			: 170px;
	height			: 600px;
	padding-top		: 15px;
	margin-left		: 10px;
	padding-left	: 10px;
	font			: normal 10px Verdana;
}
.tekstveld {
	border			: 1px solid #bce034;
	height			: 17px;
	font			: normal 10pt Arial;	
}
.button {
	background		: url(plaatjes/button.gif) no-repeat;
	width			: 108px;
	height			: 24px;
	font			: bold 10pt Arial;	
	color			: #63761d;
	border			: 0;
	cursor			: pointer;
}	
.login {
	background		: url(plaatjes/login.gif) no-repeat;
	width			: 84px;
	height			: 20px;
	font			: bold 10pt Arial;	
	color			: #63761d;
	border			: 0;
	cursor			: pointer;
}	
/* ---------------------------------------------------------------------------------------------------- */
/* Ingelogd overzicht		 																			*/
/* ---------------------------------------------------------------------------------------------------- */
.loginnaam {
	font			: bold 9pt Arial;
	color			: #9d5086;
	padding-bottom	: 5px;
}
.eerstelinks{
	color			: #959595;
}
.eersterechts{
	text-align		: right;
}
.tweedelinks{
	padding-bottom	: 5px;
	color			: #959595;
}
.tweederechts{
	text-align		: right;
	padding-bottom	: 5px;
}
.streep{
	height			: 2px;
	background		: #9d5086;
}
.netto {
	padding-top		: 5px;
	font-weight		: bold;
}

.nettogroen {
	padding-top		: 5px;
	text-align		: right;
	font			: bold 9pt Arial;
	color			: #41a62a;
}
.nettorood{
	padding-top		: 5px;
	text-align		: right;
	font			: bold 9pt Arial;
	color			: red;
}

.legenda {
	margin-left		: 10px;
	float			: left;
	width			: 180px;
	height			: 140px
}

.status {
	float			: left;
	padding			: 15px 0 0 15px;
	background		: url(plaatjes/box.gif);
	width			: 225px;
	height			: 220px;
	margin-bottom	: 20px;
}

.bmi{
	text-align		: center;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Links en buttons			 																			*/
/* ---------------------------------------------------------------------------------------------------- */
a:link, 
a:visited, 
a:active {
	font			: bold 1.0em Arial;	
	color			: #9d5086;
	text-decoration	: underline; 
}
a:hover {
	font			: bold 1.0em Arial;	
	color			: #bce034;
	text-decoration	: underline;
}
.maxes:link, 
.maxes:visited, 
.maxes:active {
	color			: #bce034;
	font			: normal 10px Verdana;
	text-decoration	: none; 
}
.maxes:hover {
	color			: #9d5086;
	font			: normal 10px Verdana;
	text-decoration	: none;
}
.menuboogje {
	width			: 158px;
	height			: 29px;
	background		: url(plaatjes/boogje.gif) no-repeat;
}	
.navigatie {
	list-style		: none; 
	margin			: 0; 
	padding			: 0;
}
.registreren:link, 
.registreren:visited, 
.registreren:active {
	background		: #9d5086 url(plaatjes/registreer.gif) no-repeat;
	width			: 99px;
	height			: 32px;
	padding			: 30px 0 0 50px;
	font			: bold 10pt Arial;	
	color			: white;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}
.registreren:hover, 
.registreren_selected:link, 
.registreren_selected:visited, 
.registreren_selected:active,
.registreren_selected:hover {
	background		: #bbdf33 url(plaatjes/registreer-over.gif) no-repeat;
	width			: 99px;
	height			: 32px;
	padding			: 30px 0 0 50px;
	font			: bold 10pt Arial;	
	color			: #63761d;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}
.vertellen:link, 
.vertellen:visited, 
.vertellen:active {
	background		: #9d5086 url(plaatjes/vertel.gif) no-repeat;
	width			: 99px;
	height			: 43px;
	padding			: 17px 0 0 50px;
	font			: bold 10pt Arial;	
	color			: white;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}
.vertellen:hover, 
.vertellen_selected:link, 
.vertellen_selected:visited, 
.vertellen_selected:active,
.vertellen_selected:hover {
	background		: #bbdf33 url(plaatjes/vertel-over.gif) no-repeat;
	width			: 99px;
	height			: 43px;
	padding			: 17px 0 0 50px;
	font			: bold 10pt Arial;	
	color			: #63761d;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}
.vergelijken:link, 
.vergelijken:visited, 
.vergelijken:active {
	background		: #9d5086 url(plaatjes/vergelijk.gif) no-repeat;
	width			: 99px;
	height			: 30px;
	padding			: 30px 0 0 50px;
	font			: bold 10pt Arial;	
	color			: white;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}
.vergelijken:hover, 
.vergelijken_selected:link, 
.vergelijken_selected:visited, 
.vergelijken_selected:active,
.vergelijken_selected:hover {
	background		: #bbdf33 url(plaatjes/vergelijk-over.gif) no-repeat;
	width			: 99px;
	height			: 30px;
	padding			: 30px 0 0 50px;
	font			: bold 10pt Arial;	
	color			: #63761d;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}
.menu:link, 
.menu:visited, 
.menu:active {
	background		: #9d5086 url(plaatjes/menu.gif) no-repeat;
	width			: 134px;
	height			: 19px;
	padding			: 5px 0 0 7px;
	font			: bold 8pt Arial;	
	color			: white;
	margin-left		: 4px;
	border-bottom	: 1px solid white;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}
.menu:hover, 
.menu_selected:link, 
.menu_selected:visited, 
.menu_selected:active,
.menu_selected:hover{
	background		: #bbdf33 url(plaatjes/menu-over.gif) no-repeat;
	width			: 134px;
	height			: 19px;
	padding			: 5px 0 0 7px;
	font			: bold 8pt Arial;	
	color			: white;
	margin-left		: 4px;
	border-bottom	: 1px solid white;
	text-decoration	: none; 
	display			: block;
	cursor			: pointer;
}