body {
	margin-left: 0px;
	margin-top: 0px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#000000;
}

.menu a {	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002C63;
	text-decoration:none;
	background-color:#ffffff;
	height:16px;
	width:158px;
	vertical-align:middle;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	}
.menu a:hover {	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#BDC74A;
	text-decoration:none;
	background-color:#FFFFFF;
	}
.menu {
	font-size:11px;
	font-weight:bold;
	position:absolute; left:0px; top:160px; height: 640;
/*	background-image:url('images/bg_linksonder.JPG'); */
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position-y:bottom
}

.submenu {
	align:right;
}

.submenu a {
	font-weight:normal;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
/*	align:right; */
}

.navbar {
	position:absolute; left:198px; top:111px; width: 300px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BDC74A;
	font-weight:bold;	
	text-decoration:none;
	height:16px;
	text-align: left;
	z-index: 2;
	}
	
.hormenu span {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002C63;
	font-weight:bold;	
	text-decoration:none;
	height:16px;
	}
.hormenu a {	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002C63;
	font-weight:bold;	
	text-decoration:none;
	height:16px;
	text-align: left;
	}
.hormenu a:hover {	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BDC74A;
	font-weight:bold;	
	text-decoration:none;
	height:16px;
	text-align: left;
	}
.hormenu {
	position:absolute; left:615px; top:123px; width: 285px;
}

.rmargin {
	position:absolute; left: 710px; top: 160px; width: 190; height: 500px;
}

.tekst {
	position:absolute; left:198px; top:160px; width:510px;
	}

.tekst a {
	color:#002C63;
	font-size:x-small;
	text-decoration:none;
	}
	
.tekst a:hover {
	color:#BDC74A;
	}
	
.tekst p {
	margin-top: 0px;
	}

.tekst li {
	font-size:x-small;
}

.tableheader {
	text-align:left;
	vertical-align:top;
	font-size:xx-small;
	color:#002C63;
	background-color:#BDC74A; 
	font-weight:bold;
}

.tekst table {
	
}

.tekst table td {
	vertical-align:top;
}

.tekst table th {
	text-align:left;
	font-size:xx-small;
	color:#002C63;
/*	background-color:#BDC74A; */
	font-weight:bold;
}

.menuregel {	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002C63;
	font-weight:bold;
	text-decoration:none;
	background-color:#FFFFFF;
	height:16px;
	width:158px;
	vertical-align:middle;font-variant:normal; font-style:italic;
	text-align: right;
	}

.question a {
	color:#000000;
	font-size:x-small;
	text-decoration:underline;
	}

.question a:hover {
	color:#002C63;
	}

h3 {
	font-size:16px;
	color:#002C63;
	font-weight:bold;
}
h4 { 
	font-size:x-small;
	color:#002C63;
	font-weight:bold;
	margin-bottom:0;
}
h5 { 
	font-size:08px;
	color:#002C63;
	font-weight:normal;
}

form { margin: 0px;	padding: 0px; border: 0px none red; }

.logos {
}

.logos tr {
	height: 50px;
}

.logos tr td {
	vertical-align:middle;
}

.logos p {
	margin-left: 10px;
}

/* Structuur */
.container {
	width: 760px;
	margin: 0;
	overflow: hidden; 	
}
.header {
	width: 760px;
	height: 74px;
	color: #CCCCCC;
	background-image: url(img/header.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	padding: 0;
}
.header a {
	text-decoration: none;
}
 .header img {
	border: 0px none red;
}
.content {
	width: 740px;
	background-color: #FFF;
	padding: 0px 0px 40px 20px;
	overflow: hidden;	
}

.content p { margin: 2px 2px 0px 2px; line-height: 14px; font-size: x-small;}

/* Content */

/* Titelbalk in content */
.titelbalk {
	width: 720px;
	height: 34px;
	padding: 5px 10px 0px 10px;
	border-bottom: 2px dotted #800000;
	overflow: hidden;
}
.titelbalk a { vertical-align: bottom; display: inline; float: right; }
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: small;
	font-weight: bold;
	display: inline; float: left; color: #800000;
}
.titelbalk p { margin: 2px 2px 0px 2px; line-height: 14px; }

.titelbalk h1 { font-size: small;   font-weight: bold; display: inline; float: left; color: #800000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}


/* Content links voor index */
.content_links {
	width: 560px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}
/* Box model hack \*/
* html .content_links {
	width: 557px;
}
/* Box model hack einde */

.rekenstart {
	width: 240px;
	float: left;
	margin: 10px 0px 10px 20px;
	display: inline; /* double margin in IE hack */
}
.uitleg {
	background-color: #FFE7E7;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
	margin: 0px 0px 5px 0px;
}

/* Content rechts voor index */
.content_rechts { overflow: hidden; width: 180px; margin: 20px 0px 0px 0px; }
.content_rechts a{ float: right; margin: 0;	padding: 0; }

/* Gegevens invullen invul-, toevoeg-, en wijzigschermen  */
.invul_container {
	width: 475px;
	display: inline;
	float: left;
	margin: 0px 5px 0px 0px;
}
.invul_kop {
	width: 475px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.invul {
	width: 475px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
}
.invul_info			{ width: 475px;	background-color: #FFE7E7; border-bottom: 1px dashed #FFFFFF; overflow: auto; font-size: xx-small;}
.invul_info_laatste	{ width: 475px; background-color: #FFE7E7; overflow: auto; font-size: xx-small; }
.invul_label		{ width: 331px; float: left; padding: 2px 0px 2px 2px; }
.invul_data			{ width: 140px; float: right; padding: 2px 0px 2px 0px; }
.invul select		{ width: 140px; }
.invul_footer		{ overflow: auto; }

/* Toelichtingen invul-, toevoeg-, en wijzigschermen */
.toelichting {
	width: 235px;
	line-height: 10px;
	margin: 10px 0px 0px 5px;
	font-size: xx-small;
	float: right;	
}

.toelichting div {
	position: relative;
	width: 230px;
	display: none;
}

.toelichting h4 {
	border-bottom: 1px solid #800000;
	font-weight: bold;
	padding: 0px 0px 4px 20px;
}

.toelichting div.toelichting {
	display: block;
}

.toelichting table, td, th, div, hr, img {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}
.toelichting p, li, table, td, th, select, input { font-size: xx-small; }

.toelichting p { margin: 2px 2px 0px 2px; line-height: 14px; }

.zorg .nietzorg { color: #CCCCCC; }


/* Huidige situatie weergave in overzicht */
.huidig_kop {
	width: 720px;
	margin: 0px 0px 2px 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden; 	
}
.huidig_kop h3 { float: left; padding: 0px 0px 2px 0px;}
.huidig {
	width: 720px;
	font-size: x-small; 	
	background-color: #FFE7E7;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
	clear: both;
	overflow: hidden;
}

/* Levensloop weergave in overzicht*/
.llr {
	width: 235px;
	float: left;
	display: inline;
	margin: 20px 5px 0px 0px;
	padding: 0;
}
.llr a { font-size: xx-small; }
.llr_opbouw {
	width: 235px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;	
}
.llr_opbouw img { border: 0px none red; height: 12px; }
.llr_opbouw div { float: left; height: 12px; }
.llr_opbouw a {
	display: block;
	width: 235px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
.llr_opbouw a:hover { background-color: #EEEEEE; text-decoration: none; }
.llr_opbouw a:hover div { cursor: pointer; }

.llr_opbouw .leeftijd { clear: left; width: 18px; }
.llr_opbouw .diagram {
	width: 74px;
	background-image: url(img/tabel_vertlijn72.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.balk { background-color: #666666; height: 11px; border-top: 1px solid #FFFFFF; }

.mogelijk { background-color: #FFE7E7; }
.mogelijk .balk { background-color: #FF4500; }

.llr_label {
	font-size: xx-small;
	padding: 0px;
	margin: 0px;
	color: #999999;
	display: inline;
}

.llr_footer {
	width: 235px;
	float: left;
	display: inline;
	margin: 10px 0px 0px 0px;
	padding: 0;
	border-bottom: 1px solid #800000;
}

/* Verlofopname in overzicht */
.llr_toelichting {
	width: 480px;
	line-height: 12px;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

.verlof_kop {
	width: 480px;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.verlof {
	width: 480px;
	font-size: xx-small;
	background-color:#FFE7E7;	
	margin: 0px 0px 2px 0px;
	padding: 0px;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
	clear: both;
	overflow: hidden; 
}
.verlof_melding {
	width: 480px;
	background-color:#800000;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	color: #FFFFFF;
}

.verlof_kop h3 { float: left;padding: 0px 0px 2px 0px;}


.verlof_bar_totaal { 
	background-color: #FF4500;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	float: left;
}
.verlof_bar1 { font-weight: bold; background-color: #666666; color:#FFFFFF;  margin: 0px; padding: 0px 0px 0px 2px; float: left; }
.verlof_bar2 { font-weight: bold; background-color: #AAAAAA; color:#FFFFFF;  margin: 0px; padding: 0px 0px 0px 2px; float: left;}
.verlof_bar3 { font-weight: bold; background-color: #888888; color:#FFFFFF;  margin: 0px; padding: 0px 0px 0px 2px; float: left;}

.verlof_duur { float: right; font-weight: bold; }
.verlof_duur2 { float: right; }
.verlof_duur_toelichting { float: left; font-size: xx-small; width: 360px; }

.mogelijk_verlof h4 {
	clear: both;
	padding-left: 0.5em;
}

/* Footer */
.footer_functies {
	width: 720px;
	height: 34px;
	background-color: #FFF;		
	font-size: x-small;	
	margin: 0;
	padding: 0px 20px 0px 20px;
	color: #000000;
	overflow: hidden;	
}
.footer_functies a { float: right; }
.footer_toelichting{ 
	width: 540px;
	background-color: #FFF;	
	font-size: xx-small;
	margin: 0;
	padding: 0px 200px 0px 20px;
	border-top: 1px dotted #CCC;
}
.footer_disclaimer {
	width: 720px;
	height: 14px;
	background-color: #FFF;	
	font-size: xx-small;
	margin: 0;
	padding: 0px 20px 0px 20px;
	border-top: 1px dotted #CCC;
	color: #999999;
}
.footer_disclaimer a {
	font-size: xx-small;
	font-weight: normal;
	color: #999999;	
}

/* Overig */
.grote_knop { width: 150px; float: right; }
.grote_knop_center { float: none; }
.knop{ width: 70px; float: right; }

.rite { text-align: right; }
.streep { list-style-type: none; padding-left: 0.8em; margin: 0px; }
.streep { text-indent: -1em; }

.info { width: 240px; float: left; overflow: hidden; }
.label { width: 158px; float: left;  padding: 2px 0px 2px 2px;}
.data { width: 80px; float: right;font-weight: bold; padding: 2px 0px 2px 0px; }

.tonen {
	display: inline;
	border: 0px none red;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: auto;
}

.toprechts { float:right; }
.center { text-align: center; }

.toelichting table td { padding: 1px 0px 1px 5px; }
.floatclear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }