html {
	scrollbar-track-color: #8C7B9C; 
	scrollbar-face-color: #8C7B9C;
    scrollbar-arrow-color: #42085A;
    scrollbar-3dlight-color: #8C7B9C;  
    scrollbar-highlight-color: #42085A;
    scrollbar-shadow-color: #42085A; 
    scrollbar-darkshadow-color: #8C7B9C;}
	
html {overflow-y: scroll;}

body {
	margin: 10px 0px; 
    padding: 0px;
	font: 12px/120% Arial, Helvetica, sans-serif; color: #42085A;
	background-color:#8C7B9C; /*#F2EFF4;*/ /* #FFF; */   /*#FBF9DB;*/ 
	text-align: center;}

td, th { font: 12px Arial, Helvetica, sans-serif; color: #42085A;} 

td.clientlogo {font: bold 12px Arial, Helvetica, sans-serif; color: #42085A;
	height: 65px;
	vertical-align: middle;
	padding: 5px;} 

td.clientlogohoog {font: bold 12px Arial, Helvetica, sans-serif; color: #42085A;
	height: 125px;
	vertical-align: middle;
	padding: 5px;} 
	
th.client {
	font: bold 14px Arial, Helvetica, sans-serif; color: #42085A;
	text-align: left;
	height: 30px;
	vertical-align: bottom;
	border-bottom: 1px solid #906;} 
	
h1 { font: bold 16px Arial, Helvetica, sans-serif; color: #906;}

h2 { 
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 4px;}
	
h3 { /* formulier */
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 10px;
	clear: both;}
	
h4 { font: bold 14px Arial, Helvetica, sans-serif;/* color: #906;*/
	margin-bottom: 10px;}

.bordeaux { font: bold 12px Arial, Helvetica, sans-serif; color: #906;}

p { margin-top: 0px;}
p.bottom { margin-top: 0px; margin-bottom: 0px;}
p.tekstprint { display: none;}

.clearboth {
	clear: both;}

ul { margin-top: 0px;}

ul.short { margin-top: 0px; margin-bottom: 0px;}

img { border: 0;}

img.left { 
	float: left;
	margin: 0px;
	padding: 0px;}
	
img.right { 
	float: right;
	margin: 0px;
	padding: 0px;}
	
img.rechtshoog {
	float: right;
	margin: 0px 5px 20px 20px /*1.5em 1.5em*/;
	border: 1px solid #42085A;}	
	
img.footer { padding-right: 3px;}

.logo { float:left; width: 200px; height: 150px;}

.foto5 {float: left; width: 530px; height: 130px;
	margin: 15px 0 0 15px;
	padding: 0;
	background-color: #FFF;}
	
/*img.rechts1 {
	float: right; 
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #42085A;}
	
img.rechts2 {
	float: right; 
	margin: 0px 0px 0px 3px;
	padding: 0px;
	border: 1px solid #42085A;}
	
img.profile2 {
	float: right; 
	margin: 20px 20px 20px 20px;
	padding: 0px;}*/
	
a:link, a:visited, a:active {
   	font: normal /*bold*/ 12px Arial, Helvetica, sans-serif; color: #906;
	text-decoration: none;}
	
a:hover { text-decoration: underline;}

table.exercises {margin-bottom: 30px;}
table.exercises td { padding: 3px; vertical-align: top;}
table.exercises th { 
	padding: 3px; 
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;}
table.exercises td a, td a:visited {font: normal 12px Arial, Helvetica, sans-serif; color: #906;
	  text-decoration: none;} 
table.exercises td a:hover { text-decoration: underline;}
	
.pagebreakbefore { 
	page-break-before: always;}
	
/*#header {
	width: 760px; height: 150px;
	margin-left: auto; margin-right: auto;	
	padding: 0px;
	background-color: #FFF;
	z-index: 2;}*/
	
#headerprofile {
	width: 760px; height: 160px;
	margin-left: auto; margin-right: auto;	
	padding: 0px;
	background-color: #FFF;
	z-index: 2;}
		
/*#headerindex {
	width: 760px; height: 100px;
	margin-left: auto; margin-right: auto;	
	padding: 0px;
	background-color: #FFF;
	background-image:url(images/bgheadercorner20.gif);
	background-repeat:no-repeat;
	z-index: 2;}*/
	
#headerprint {display: none;}

#container {
	width: 760px;
	margin-left: auto; margin-right: auto;
	background-color: #FFF; 
	color: #42085A;
	text-align: left;
	background-image: url(oud/test03/images/bgcontainer2.gif);
	background-repeat: repeat-y;} 
	
#content {
	float: right;
	padding: 15px 10px 10px 15px;
	margin: 0px;	
	width: 535px;
	background-color: #FFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:535px;}
	
#content li { margin-left: -24px;}
	
html > body #content {
	width: 535px;}

#navcontainer {
	float: left;
	margin: 0px;
	padding: 0px;	
	width: 200px; 
	background-color: #CEC5D6;}
	
#hands {
	width: 200px;
	float:left;
	margin: 1.5em 0px;
	padding: 0px;}

/* navigatie links */
#navleft {
	float: left;
	margin: 0px;
	border-top: 1px solid #FFF;
	width: 200px;} 
	
#navleft ul {
	list-style-type: none; 
	padding: 0px; 
	margin: 0px;} 	
#navleft li { margin: 0px;} 
#navleft a {
	display: block;
	width: 200px;
	margin: 0px;
	padding: 5px 0px 5px 10px; /*7px 0px 7px 10px;*/
	text-decoration: none;	
	font: bold 13px Arial, Helvetica, sans-serif; color: #FFF;
	background-color: #42085A;
	border-bottom: 1px solid #FFF;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:190px;}	/* hack voor IE6 */
#navleft a:hover { color: #906; background-color: #CEC5D6;}	 
#navleft a.active2 { color: #FFF;/*#FF99CC;*/ /*#906;*/ /*#99CC33;*/ /*#8C7B9C;*/ background-color: #906;} 
#navleft a.active2:hover { color: #906; background-color: #CEC5D6;} 

#navleft ul ul li { margin: 0;}  
#navleft ul ul a {
	display: block;
	width: 200px;
	margin: 0px;
	padding:5px 0px 5px 25px; /*6px 0px 6px 25px;*/
	color: #FFF;
	background-color: #8C7B9C;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:175px;}
#navleft ul ul a:hover { color: #906; background-color: #CEC5D6;}
#navleft ul ul  a.active2, #navleft ul ul a.active2:hover { color: #906; background-color: #8C7B9C;} 

#navleft ul ul ul { border-bottom: 1px solid #FFF;}
#navleft ul ul ul li {margin: 0;} 	
#navleft ul ul ul a {
	display: block;
	width: 200px;
	margin: 0px;
	padding:5px 0px 5px 40px;	
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #BFB5CD;
	border: none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:160px;}
#navleft ul ul ul a:hover { color: #906; background-color: #CEC5D6;}
#navleft ul ul ul a.active2, #navleft ul ul ul a.active2:hover { 
	font: bold 12px Arial, Helvetica, sans-serif; color: #906; background-color: #BFB5CD;} 
	
/* html > body #navleft a { 
	width: 190px;}  */
	
/* html>body #navleft a { 
	width: auto; } */	
	
/* html > body #navleft a { 
	width: 175px;}	 */	
	
/* html > body #navleft a { 
	width: 160px;} */	
	
  /* einde navigatie links */

#nav {
	width: 760px;
	margin-left: auto; margin-right: auto;
	clear: both; 
	text-align: right;
	padding: 0px;
	background-color: #CEC5D6; /*#8C7B9C;*/}

#nav ul {
	margin: 0px;
	padding: 5px 1px 5px 10px;
	list-style-type: none;}
	
#nav li {
	display: inline;
	margin-right: 20px;}
	
#nav li a {
	font: bold 13px Arial, Helvetica, sans-serif; 
	color: #42085A;
	text-decoration: none;}
	
#nav li a:hover { color: #906;}
	
#nav li a.active1, #nav li a.active1:hover { color: #906;/*#99CC33;*/}
	
#cleardiv {
	clear: both; height: 1px;} 

#footer { clear: both;
	width: 760px; height: 30px;
	margin-left: auto; margin-right: auto;
	clear: both; text-align: right;
	padding: 0px;
	/*background-color: #8C7B9C;*/
	/*background-image: url(images/footer30corners20.gif);
	background-repeat:no-repeat;*/
	background-image: url(oud/test03/images/bgcontainer2.gif);
	background-repeat: repeat-y;}

#footer ul {
	padding: 0px; margin: 0px; list-style-type: none;}
	
#footer li {
	display: inline; 
	margin-right: 20px;} 
	
#footer li a:link, #footer li a:visited, #footer li a.active{
	font: bold 12px Arial, Helvetica, sans-serif; color: #906;
	text-decoration: none;} 
	
#footer li a:hover { text-decoration: underline;} 
	
/* FORMULIER */	

form { margin: 0px; padding: 0px;}
	
form p {
	clear: left;
	margin: 0; 
	padding: 6px 10px 0px 0px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;}
	
form p label {
	float: left;
	width: 210px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;}
	
input.txt {
	width: 280px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #FFF; 
	border: 1px solid #42085A;}
	
input.txtkort {
	width: 224px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #FFF; 
	border: 1px solid #42085A;}
	
input.checkbox {	 
	border: 1px solid #660066;
	/* background-color: #BFB5CD; */
	width: 15px; height: 15px;
	padding: 0px;
	margin: 4px 4px 0px 0px;}
	
input.submit {
	width: 280px;
	font: bold 13px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #BFB5CD; 
	border: 1px solid #42085A;}

select {
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	/* background-color: #BFB5CD;  */
	border: 1px solid #42085A;}
	
textarea {
	width: 280px; height: 80px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #FFF;
	border: 1px solid #660066;
	scrollbar-track-color: #FFF; 
	scrollbar-face-color: #FFF;
    scrollbar-arrow-color: #42085A;
    scrollbar-3dlight-color: #FFF;  
    scrollbar-highlight-color: #FFF; 
    scrollbar-shadow-color: #FFF;  
    scrollbar-darkshadow-color: #FFF;}	

form .answers { 
	background-color: #CCCCCC;
	/*float: left;*/
	padding: 10px;
	margin-bottom: 10px;}
	
.answers { 
	background-color: #CCCCCC;
	/*padding: 10px;*/}

.answers p{ padding: 0 10px 10px 10px;
	font-weight: bold;}
.answers h2{ padding: 10px 10px 0 10px;}
		
form.exercise li {
	/*float: left;*/
	/*clear: left;*/
	/*width: 100%;*/
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	margin-bottom: 6px;
	/*margin-left: 20px;*/}	
	
form.exercise li input.txt {
	width: 120px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #CCCCCC;
	border: 1px dashed #42085A;  /*#FFF;*/
	/*border-bottom: 1px dashed*/ }	
	
form.exercise p {
	clear: left;
	margin: 0; 
	padding: 6px 10px 0px 0px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;}
	
form.exercise p label {
	float: left;
	width: 210px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;}
	
form.exercise input.txtkort {
	width: 224px;
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #FFF; 
	border: 1px solid #42085A;}
	
.exercise input.checkbox {	 
	border: 1px solid #660066;
	/* background-color: #BFB5CD; */
	width: 15px; height: 15px;
	padding: 0px;
	margin: 4px 4px 0px 0px;}
	
.exercise input.submit {
	width: 280px;
	font: bold 13px Arial, Helvetica, sans-serif; color: #42085A;
	background-color: #BFB5CD; 
	border: 1px solid #42085A;}

.exercise select {
	font: 12px Arial, Helvetica, sans-serif; color: #42085A;
	/* background-color: #BFB5CD;  */
	border: 1px solid #42085A;}