body {
	margin: 20px 0;
	padding: 0;
	border-width: 0;
	background: #ddd;
	background-repeat: no-repeat;
	background-position: 0 0;
   font-family: 'Open Sans', Arial, sans-serif;
   font-size:14px;
   display:block;
}

body.startpagina{
   font-size:16px;
}

table,p {
	margin: 0;
	padding: 0;
}
td {
	border: 0px solid white;
   font-size: 13px;
	color: #000;
   padding:2px 0;
}
h3 {
	font-size: 1.5em;
	font-style: italic;
	margin: 0;
}

table.fte {
	width:100%;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #649EC9;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
   table-layout: expression('fixed');
   border: none;
   cellspacing:0;
   cellpadding:0;
}
.nummer {
	background: #FFFFFF;
	text-align: right;
	vertical-align: middle;
	padding: 0 3px 0 3px;
	border: 1px solid #649EC9;
   color:grey;
}
.functie {
	background: #FFFFFF;
	vertical-align: middle;
	padding: 0 3px 0 3px;
	white-space: nowrap;
	border: 1px solid #649EC9;
}
.white {
	width: 35px;
	vertical-align: middle;
	background: #FFFFFF;
	border: 1px solid #649EC9;
}
.kop {
	width: 35px;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #649EC9;
}
.lgreytd {
	width: 35px;
	vertical-align: middle;
	background: #ddd;
	border: 1px solid #649EC9;
	text-align: center;
}
.lgrey {
	width: 35px;
	vertical-align: middle;
	background: #ddd;
	border: 0px solid #ddd;
	text-align: center;
	padding: 0;
}
.greytd {
	width: 35px;
	vertical-align: middle;
	background: #ddd;
	border: 1px solid #649EC9;
	text-align: center;
}
.grey {
	width: 35px;
	vertical-align: middle;
	background: #ddd;
	border: 0px solid #ddd;
	text-align: center;
	padding: 0;
}
.tot {
	width: 200px;
	vertical-align: middle;
	background: #FFFFFF;
	//border: 0px solid #FFFFFF;
   border:none;
	text-align: left;
	padding: 0 0 0 5px;
}
.check {
	width: 35px;
	vertical-align: middle;
	background: #FFFFFF;
	border-top: 1px solid #649EC9;
	border-bottom: 1px solid #649EC9;
	text-align: center;
	padding: 1px 0 1px 0;
}
.cb {
	width: 13px;
}

form {
	margin: 0;
	padding: 0;
}
input {
	//font-size: 13px;
	padding: 0;
}
.text {
	border: 1px solid #649EC9;
	padding: 0 0 0 1px;
}
.tekstr {
	padding: 0 5px 5px 0;
	text-align: right;
}
.data {
	border: 1px solid #649EC9;
	text-align: right;
	padding: 0 2px 0 0;
}
.area {
	border: 1px solid #649EC9;
   display:block;
   margin-top:10px;
}
.button {
	height: 2em;
	width: 122px;
	font-weight: bold;
}
.button {
	color: #fd3;
	background: #649EC9;
	border:solid black;
	border-width:0px 2px 2px 0px;
}
//.container {
	padding: 0 20px 0 140px;
	background: #649EC9;
	position: relative;
	margin: 0;
}
//.contable {
	padding: 0 20px 0 139px;
	background: #649EC9;
	position: relative;
	margin: 0;
}

.nomarg {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.spacer {
	padding: 0;
	margin: 0;
	font-size: 1%;
	height: 10px;
	color: #649EC9;
	background-color: #649EC9;
}
.vraag {
	padding: 10px 30px 10px 2px;
	//font-size: 14px;
	vertical-align: top;
color: #fff;
	background-color:#649EC9;
}
.vraagr {
	padding: 10px 10px 10px 10px;
	//font-size: 14px;
	vertical-align: top;
color: #fff;
	background-color:#649EC9;
	text-align: right;
}
.fouttxt {
	padding: 10px 30px 10px 2px;
	//font-size: 14px;
	vertical-align: top;
	color: #fff;
	background-color:#CC6600;}
.antwoord {
	padding: 10px 10px 20px 0;
	//font-size: 13px;
}
.kol1 {
	text-align: right;
	vertical-align: middle;
	padding: 2px;
	border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
	//font-size: 14px;
   color:grey;
}
.kol2 {
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	//font-size: 14px;
}
.kol2bot {
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	//font-size: 14px;
}
.kols {
	text-align: center;
	vertical-align: top;
	padding: 2px;
	border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
	//font-size: 14px;
}
.kolrad {
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	//font-size: 14px;
}
.kolkop {
	text-align: center;
	vertical-align: top;
	padding: 2px;
	//font-size: 14px;
}
.koltxt1 {
	text-align: right;
	vertical-align: middle;
	padding: 2px 5px;
	//font-size: 14px;
   color:grey;
}
.koltxt2 {
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	//font-size: 14px;
}
.koltxt3 {
	vertical-align: middle;
}
.koltxts {
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	//font-size: 14px;
}
.centtop {
	text-align: center;
	vertical-align: top;
	padding: 0 1px 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	//font-size: 13px;
}
.centmid {
	text-align: center;
	vertical-align: middle;
	padding: 0 1px 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	//font-size: 13px;
}
.centbot {
	text-align: center;
	vertical-align: bottom;
	padding: 0 1px 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	//font-size: 13px;
}

input[type="checkbox"],
input[type="radio"]{
	vertical-align: middle;
	margin-right:5px;
	margin-top:6px;
	margin-bottom:6px;
	transform:scale(1.5);
}
label{
   margin-left:5px;
   font-weight:normal;
   max-width:90%;
}

input[type="text"]{
height:30px;
margin-top:10px;
min-width:50px;
margin-bottom:10px;
}

.q4 input[type="text"],
.q31 input[type="text"],
.q35 input[type="text"],
.q5 input[type="text"],
.q54 input[type="text"],
.q55 input[type="text"],
.q56 input[type="text"],
.q57 input[type="text"],
.q58 input[type="text"],
.q59 input[type="text"],
.q60 input[type="text"],
.q61 input[type="text"],
.q62 input[type="text"],
.q63 input[type="text"],
.q64 input[type="text"],
.q65 input[type="text"],
.q66 input[type="text"],
.q67 input[type="text"],
.q68 input[type="text"],
.q69 input[type="text"],
.q70 input[type="text"],
.q71 input[type="text"],
.q72 input[type="text"],
.q73 input[type="text"],
.q74 input[type="text"],
.q75 input[type="text"],
.q76 input[type="text"],
.q77 input[type="text"],
.q78 input[type="text"],
.q79 input[type="text"],
.q80 input[type="text"],
.q81 input[type="text"]{
height:30px;
margin-top:3px;
min-width:50px;
margin-bottom:3px;
}

.q31 .koltxt2 input[type="text"]{
height:25px;
margin-top:0px;
min-width:50px;
margin-bottom:3px;
}

.contable input[type="checkbox"]{
   margin-right:0px;
   margin-bottom:5px;
}

.werkgeef .q4 td.koltxt2,
.werkgeef .q4 td.koltxts,
.werkgeef .q5 td.koltxt2,
.werkgeef .q5 td.koltxts,
.werkgeef .q31 td.koltxt2,
.werkgeef .q31 td.koltxts,
.werkgeef .q35 td.koltxt2,
.werkgeef .q35 td.koltxts,
.werkgeef .q54 td.koltxt2,
.werkgeef .q54 td.koltxt3,
.werkgeef .q54 td.koltxts,
.werkgeef .q55 td.koltxt2,
.werkgeef .q55 td.koltxt3,
.werkgeef .q55 td.koltxts,
.werkgeef .q56 td.koltxt2,
.werkgeef .q56 td.koltxt3,
.werkgeef .q56 td.koltxts,
.werkgeef .q57 td.koltxt2,
.werkgeef .q57 td.koltxt3,
.werkgeef .q57 td.koltxts,
.werkgeef .q58 td.koltxt2,
.werkgeef .q58 td.koltxt3,
.werkgeef .q58 td.koltxts,
.werkgeef .q59 td.koltxt2,
.werkgeef .q59 td.koltxt3,
.werkgeef .q59 td.koltxts,
.werkgeef .q60 td.koltxt2,
.werkgeef .q60 td.koltxt3,
.werkgeef .q60 td.koltxts,
.werkgeef .q61 td.koltxt2,
.werkgeef .q61 td.koltxt3,
.werkgeef .q61 td.koltxts,
.werkgeef .q62 td.koltxt2,
.werkgeef .q62 td.koltxt3,
.werkgeef .q62 td.koltxts,
.werkgeef .q63 td.koltxt2,
.werkgeef .q63 td.koltxt3,
.werkgeef .q63 td.koltxts,
.werkgeef .q64 td.koltxt2,
.werkgeef .q64 td.koltxt3,
.werkgeef .q64 td.koltxts,
.werkgeef .q65 td.koltxt2,
.werkgeef .q65 td.koltxt3,
.werkgeef .q65 td.koltxts,
.werkgeef .q66 td.koltxt2,
.werkgeef .q66 td.koltxt3,
.werkgeef .q66 td.koltxts,
.werkgeef .q67 td.koltxt2,
.werkgeef .q67 td.koltxt3,
.werkgeef .q67 td.koltxts,
.werkgeef .q68 td.koltxt2,
.werkgeef .q68 td.koltxt3,
.werkgeef .q68 td.koltxts,
.werkgeef .q69 td.koltxt2,
.werkgeef .q69 td.koltxt3,
.werkgeef .q69 td.koltxts,
.werkgeef .q70 td.koltxt2,
.werkgeef .q70 td.koltxt3,
.werkgeef .q70 td.koltxts,
.werkgeef .q71 td.koltxt2,
.werkgeef .q71 td.koltxt3,
.werkgeef .q71 td.koltxts,
.werkgeef .q72 td.koltxt2,
.werkgeef .q72 td.koltxt3,
.werkgeef .q72 td.koltxts,
.werkgeef .q73 td.koltxt2,
.werkgeef .q73 td.koltxt3,
.werkgeef .q73 td.koltxts,
.werkgeef .q74 td.koltxt2,
.werkgeef .q74 td.koltxt3,
.werkgeef .q74 td.koltxts,
.werkgeef .q75 td.koltxt2,
.werkgeef .q75 td.koltxt3,
.werkgeef .q75 td.koltxts,
.werkgeef .q76 td.koltxt2,
.werkgeef .q76 td.koltxt3,
.werkgeef .q76 td.koltxts,
.werkgeef .q77 td.koltxt2,
.werkgeef .q77 td.koltxt3,
.werkgeef .q77 td.koltxts,
.werkgeef .q78 td.koltxt2,
.werkgeef .q78 td.koltxt3,
.werkgeef .q78 td.koltxts,
.werkgeef .q79 td.koltxt2,
.werkgeef .q79 td.koltxt3,
.werkgeef .q79 td.koltxts,
.werkgeef .q80 td.koltxt2,
.werkgeef .q80 td.koltxt3,
.werkgeef .q80 td.koltxts,
.werkgeef .q81 td.koltxt2,
.werkgeef .q81 td.koltxt3,
.werkgeef .q81 td.koltxts
{
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
}

.vraag, .vraagr{
   font-size:16px;
}

.startpagina td{
   font-size:16px;
}

.startpagina .container{
   background:white;
}

.startpagina h3{
   color:#649EC9;
   font-size:30px;
   font-style:normal;
   margin-bottom:0.5em;
}

.startpagina p{
   margin-bottom:1em;
   font-size:16px;
   line-height:1.75em;
}

.logo{
   //float: right;
   margin-top:20px;
   //height:350px;
   //width:300px;
   //width:75%;
}

.flowlogo{
   margin-bottom:15px;
   float:right;
}

.tno-logo{
   float:right;
}

.kader{
   border:1px solid #ddd;
   font-style:italic;
   padding:15px;
   margin-bottom:15px;
   font-size:16px;
   
}

.tekst{
   padding-top:20px;
   float:left;
}

.uitleg{
   margin-bottom:20px;
   border:1px solid lightgrey;
   padding:10px 15px;
   border-radius: 3px;
   background:#eee;

}

.uitleg p{
   margin-top:10px;
}

.uitklap1,.uitklap2,.uitklap3,.uitklap4
 {
  display: none;
}

.span1u:focus ~ .uitklap1 {
  display: none;
}
.span1d:focus ~ .uitklap1 {
  display: block;
}
.span2u:focus ~ .uitklap2 {
  display: none;
}
.span2d:focus ~ .uitklap2 {
  display: block;
}
.span3u:focus ~ .uitklap3 {
  display: none;
}
.span3d:focus ~ .uitklap3 {
  display: block;
}
.span4u:focus ~ .uitklap4 {
  display: none;
}
.span4d:focus ~ .uitklap4 {
  display: block;
}