html, body
{	background: #05709d; 
	font: 11px Verdana, Arial, Helvetica; 
	color: #00557e;
	/*scrollbar-face-color: #E5D9CB;
	scrollbar-highlight-color: #F3E9E1;
	scrollbar-3dlight-color: #9B6666;
	scrollbar-darkshadow-color: #96405C;
	scrollbar-shadow-color: #BE8484;
	scrollbar-arrow-color: #926262;
	scrollbar-track-color: #C2B2A0;*/
	height: 100%; 
	text-align: center; 	
	}



html{overflow-x: hidden; overflow-y: scroll;} 
table{font-size: 11px; line-height: 19px;}


#container {
position: relative;
width: 964px;
margin: 0 auto;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
background: url('../../images/ag-box.gif') repeat-y; 
text-align: left;

}


*{
padding:0;
margin:0;
}

#nav
{	background: #0a5d81;
	margin: 0; 
	padding: 0;
	font: 11px bold Verdana, Arial, Helvetica ; 
	color: #ffffff; 
		}
#navleft{margin: 12px 0 0 10px;}	
#navleft a{padding: 0 7px 0 7px; color:#ffffff;}	
#navleft a:hover{padding: 0 7px 0 7px; color:#e0d283;}	

#banner{background: url('../../images/banner.jpg') no-repeat;}
#banner-juisteweg{background: url('../../images/banner-juisteweg2.jpg') no-repeat;}
#banner-voetbal{background: url('../../images/banner-voetbal.jpg') no-repeat;}
#banner-fietser{background: url('../../images/banner-fietser.jpg') no-repeat;}
#sub{background: url('../../images/ag-sub.gif') repeat-y;}
#sub-juisteweg{background: url('../../images/ag-subjuisteweg.gif') repeat-y;}
#menu
{	
	margin: 0;
	padding: 0;
	border: 0;
	width: 201px;
	height: 550px;
	text-align: left;
	}
#content
{ 	
margin: 0;
padding: 0;
border:0;
text-align: left;
overflow-x: hidden;
	}

#tekst
{	margin: 25px 0 100px 60px;
	padding: 0 0 0 0;
	border: 0;
	line-height: 19px;
	text-align:left;
}
#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
border-top: 1px solid #b2cbd0;
width: 100%;
height: 30px;
line-height: 30px;
padding: 20px 0 0 0;
text-indent: 770px;
font: 11px Arial, Helvetica, sans-serif;
}
#footer a{padding: 0 12px 0 12px;color: #729da8}
#footer a:hover{padding: 0 12px 0 12px;color: #4b6f7f}

b,strong{font-weight: bold;color:#004a78}

h1,h2,h3,h4
{
	padding: 0 0 8px 0;
	margin: 0 0 20px 0;
	font-family : Arial, Helvetica, Verdana;
	font-size : 17px;
	text-align: right;
	border-bottom: 1px solid #b2cbd0;
	color: #c0b664;
	line-height: normal;
}

hr
{
	color: #b2cbd0;
	height: 1px;
	border: 0 solid;
	background-color: #b2cbd0;
	margin: 3px 0

}

em{color:#05709d;
	font: bold 11px Arial, Helvetica, Verdana;
	line-height: 16px;}
	
u{	color:#05709d;
	font: 11px Arial, Helvetica, Verdana;
	line-height: 16px; 
	text-decoration: none;
	}
ul{	
	margin: 15px 0 19px 0;
	padding: 0 0 0 0;
	border: 0;	
}
li
{
	margin: 0 0 0 25px;
	padding: 0 0 0 0;
	border: 0;
	list-style-type: square;
	/*list-style-type : inherit;
	list-style-image : url('../../images/bullet.gif');*/
	text-decoration: none;
	list-style-position : outside;
}

/* opmaak hoofdmenu*/
#navtop{background: #00557e}
#navcontainer
{	padding: 12px 0 0 0;
	margin: 0;
	border: 0;
 	display: block;
 	height: 0;
}
#navlist
{
padding: 0 0 0 15px;
margin: 0 0 0 0;
border: 0;
font: bold 11px Arial, Helvetica, sans-serif;
}

#navlist li
{
background: url(../../images/ag-nav.gif) right no-repeat; padding: 0 25px 0 10px; 
list-style: none;
margin: 0;
display: inline;
}

#navlist li a{color: #ffffff; text-decoration: none;}
#navlist li a:link {color: #ffffff;}
#navlist li a:visited {color: #ffffff;}
#navlist li a:hover {color: #3693be;}
#navlist li a#current {color: #dccc76;}
/* einde hoofdmenu */

/*begin submenu*/

a.vitaliteitstest
{	display : block;
	width: auto;
	height: 50px;
	width: 201px;
	margin: 0;
	padding: 0;
	background: #a5c9d7 url('../../images/ag-vitaliteitstest2.gif');
	
}
a.vitaliteitstest:hover
{	display : block;
	width: auto;
	height: 50px;
	width: 201px;
	margin: 0;
	padding: 0;
	background: #a5c9d7 url('../../images/ag-vitaliteitstest.gif') -201px;

	
}

#subcontainer
{	margin: 0;
	padding: 0;
	height: 190px;
}

.hans{position: absolute; top: 340px}
.subnav
{	display : block;
	width: auto;
	height: 24px;
	margin: 1px 0 0 0;
	padding: 0 0 0 15px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #00557e;
	line-height : 22px;
	background: #a5c9d7 url('../../images/ag-subnav.gif') left no-repeat;
}

.subnavon
{
	display : block;
	width: auto;
	height: 24px;
	margin: 1px 0 0 0;
	padding: 0  0 0 15px;
	border: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;	
	line-height : 24px;
	background : #87bacb url('../../images/ag-subnavon.gif') left no-repeat;
}

.subnavon,a.subnavon:hover
{
	display : block;
	width: auto;
	height: 24px;
	margin: 1px 0 0 0;
	padding: 0  0 0 15px;
	border: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;	
	line-height: 24px;
	background: #7cafc2 url('../../images/ag-subnavon.gif') left no-repeat;
}

a.subnav:hover{color: #00557e;	background :#a5c9d7 url('../../images/ag-subnavhover.gif') left no-repeat;}
a.subnav:active{color: #00557e;}
/*einde subnav*/

a{color: #256d62;text-decoration: none;}
a:hover{color : #11212d;text-decoration: none;}
a:active{color: #144a42; text-decoration: none;}

form{margin:0; padding:0;}
p{margin:0; padding:0;}
#inlog{background: #d6e5e9}
#logon
{	margin: 10px 0 0 15px;
	padding: 40px 0 0 0;
	font: 11px Arial, Helvetica, Verdana;
	line-height: 20px;
	background: url('../../images/ag-inlog.gif') no-repeat;
}
#logon a{color: #256d62; padding: 5px 0 0 1px}
#logon a:hover{color: #11212d;}
.input
{
	margin: 0 0 3px 0;
	padding: 0 0 0 3px;
	font: 11px Arial, Helvetica, Verdana;
	color: #05709d;
	border: 1px solid #0e739a;
	background: #cddfe3;
	height: 16px;
	width: 145px;
}
.knop
{
	margin: 0 ;
	padding: 0 0 3px 0;
	width : 20px;
	height : 22px;
	border: 0;
	background: url('../../images/ag-knop.gif') left bottom no-repeat;
	font: bold 11px Arial, Helvetica, Verdana;
	color: #ffffff;
	cursor:pointer;
}

.lijst
{	background: url('../../images/download.gif') no-repeat;
	padding: 0 0 0 18px; 
	margin: 0 0 0 5px;
}
.linktable{width: 660px; margin: -8px 0 50px 0;padding: 0;border: 0;} 
.linkbody {padding: 6px 0 10px 0; border: 0; border-bottom: 1px dashed #b8aca4;}
.linktekst{margin: -18px 0 0 250px; padding:0 70px 0 0}
.linkurl{background: url('../../images/download.gif') no-repeat; padding: 0 0 3px 15px;}
/*einde pagina links*/
/*.downloadtable{}
.downloadrow{}*/

.downloadlink
{	border: 0;
	margin: 2px 0 0 0;
	padding: 0 0 0 15px;
	background: url('../../images/download.gif') no-repeat
}
.sitemaptable{margin: 0; width: 480px;}
.sitemapmenu{font-weight: bold; padding: 0 20px 0 0;text-align:right}
.sitemaprow{ width: 270px; margin: 0 0 0 0; border-bottom: 1px solid #b2cbd0; }
.vitaliteit
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/vitaliteit.gif');
}
a.vitaliteit:hover
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/vitaliteit.gif') -150px;
	
}
.reintegreren
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/reintegreren.gif');
}
a.reintegreren:hover
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/reintegreren.gif') -150px;
}

.werk
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/werk.gif');
}
a.werk:hover
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/werk.gif') -150px;
	
}	
.uitval
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/uitval.gif');
}
a.uitval:hover
{	display : block;
	width: auto;
	height: 132px;
	width: 150px;
	margin: 0;
	padding: 0;
	background: url('../../images/uitval.gif') -150px;
	
}


/*BMI test*/

#bmitekst
{
	margin: 0 0 22px 0;
	width: 480px;
	padding: 0;
	font-size: 11px;

}

#bmiwaarde
{	display: block;
	width: 475px;
	margin: 45px 0 8px 0;
	padding: 20px 0 20px 0;
	text-indent: 20px;
	border: 1px solid #b2cbd0;
	color:#05709d;
	background: url('../../images/ag-bmi.gif') right no-repeat;
	font: bold 12px Arial, Helvetica, Verdana;
		}
		
		
.bmiinput
{
	margin: 0 0 0 12px;
	padding: 0 0 0 3px;
	font: 11px Arial, Helvetica, Verdana;
	color: #05709d;
	border: 1px solid #00557e;
	background: #edf5f7;
	height: 16px;
	width: 60px;
}

.bmisubmit, .bmivolgende
{
	margin: 0;
	padding: 0 0 3px 10px;
	width : 100px;
	height : 18px;
	border: 1px solid #00557e;
	text-align: left;
	line-height: 1px;
	background: #05709d url('../../images/ag-submit2.gif') right no-repeat;
	font: bold 11px Arial, Helvetica, Verdana;
	color: #ffffff;
	cursor: pointer;
}
#scoretekst
{
	margin: 0;
	padding: 25px 20px 30px 20px;
	width: 550px;
	border: 1px solid #b2cbd0;
	color:#05709d;
	background: url('../../images/ag-score.gif') right bottom no-repeat;
	font: bold 11px Arial, Helvetica, Verdana;
	line-height: 18px

}