body {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 10pt; 
  margin 		: 1px;
  background-color 	: #EEEEEE;
}

table {
  border-width 		: 0px;
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 10pt; 
}

table.startpage {
  border-width 		: 1px;
  padding  		: 1px;	
  max-width  		: 960px;
  width				: -webkit-calc(100% - 10px);
  width				:    -moz-calc(100% - 10px);
  width				:         calc(100% - 10px);
}

table.starttable {
  background-color 	: #EFEFEF;
  border-width 		: 1px;
  padding  		: 1px;	
  max-width  		: 955px;
  width				: -webkit-calc(100% - 15px);
  width				:    -moz-calc(100% - 15px);
  width				:         calc(100% - 15px);
}

table.startanswer {
  background-color 	: #EFEFEF;
  padding	 	: 1px;
  border-width 		: 1px;
  width				: 100%;
}

tr.alt {
  background-color 	: #FAFAFA;
}

tr.head {
  background-color 	: #DEDEDE;
}

table.startgrid {
  background-color 	: #EFEFEF;
  padding  		: 2px;
  border-width 		: 1px;
  border-collapse  	: collapse;
  width : 100%;
}

table.startgrid td {
  border	 	: 1px solid #CDCDCD;
  padding	 	: 3px;
}

table.endpage {
  border-width 		: 0px;
  width  		: 950px;
  width				: -webkit-calc(100% - 20px);
  width				:    -moz-calc(100% - 20px);
  width				:         calc(100% - 20px);
}

table.toplayout {
  border-width 		: 0px;
  width  		: 950px;
  width				: -webkit-calc(100% - 20px);
  width				:    -moz-calc(100% - 20px);
  width				:         calc(100% - 20px);
}

table.header2 {
  width  		: 955px;
  width				: -webkit-calc(100% - 20px);
  width				:    -moz-calc(100% - 20px);
  width				:         calc(100% - 20px);
}

td {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 10pt; 
}

td.head7 {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 8pt; 
  padding	 	: 1px;
  vertical-align 	: bottom;
  text-align	 	: center;
  font-weight:bold;
  
}

td.head8 {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 10pt; 
  padding	 	: 5px;
  vertical-align 	: bottom;
  text-align	 	: center;
  font-weight		: bold;
  
}

td.head8b {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 10pt; 
  padding	 	: 3px;
  vertical-align 	: bottom;
  text-align	 	: center;
  font-weight		: bold;
  
}

td.head9 {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 11pt; 
  padding	 	: 3px;
  vertical-align 	: bottom;
  font-weight:bold;
  
}

td.cell8 {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 9pt; 
  max-width			: 500px;
}

td.cell9 {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 10pt; 
  font-weight		: bold;
}

td.vraagnummer {
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 1pt; 
  color 			: #EFEFEF;
}

td.starttable {
  background-color 	: #F98023;

  border-width 		: 1px;
  border-color 		: #DEDEDE;
  border-style 		: solid;

  font-size  		: 2pt;
  width  		: 5px;
}

td.header2 {
  border-style 		: 1px solid #000; 

  font-weight  		: bold;
  font-size  		: 13pt;
}

P {
  font-family  		: VERDANA, ARIAL; 
}

p.one {
  font-size  		: 9pt; 
}

p.two {
  font-size  		: 10pt; 
}

p.three {
  font-size  		: 11pt; 
}

p.four {
  font-size  		: 12pt; 
}

p.five {
  font-size  		: 13pt; 
}

div.pagetop {
  border-width	: 0px;
  border-top-width		: 1px;
  border-color		: #ffa000;
  border-style		: solid;
	margin-top: 10px;

  background-color  	: #FFFFFF;
  padding 		: 2px;
  max-width 			: 970px;	

}

div.pagemiddle {
  border-width  	: 0px;
  border-color  	: #990000;
  border-style 		: solid;

  background-color  	: #FFFFFF;
  padding 		: 2px;

  max-width 			: 970px;	
}

div.count {
  background-color 	: #DEDEDE;
  width  		: 155px;
  padding  		: 2px;
  margin-bottom  	: 5px;
  font-family  		: VERDANA, ARIAL; 
  font-size  		: 7pt; 
}

div.bar {
  background-color 	: #003366;
  height 		: 5px;
  padding  		: 2px;
}

input.button {
	background-color	: #F98023;
	border-width		: 0px;
	padding				: 10px;
	color				: #FFFFFF;
	font-weight			: bold;
}

div.nosmall {
	display				: block;
	font-size			: 8pt;
}

tr.nosmall {
	display				: block;
}
tr.dosmall {
	display				: none;
}

div.dosmall {
	display				: none;
	font-size			: 8pt;
}

td.likert {
	min-width			: 60px;
}


@media screen and (max-width: 600px) {
	td.likert {
		min-width		: 40px;
	}
}

@media screen and (max-width: 400px) {
	td.head8 {
	  font-weight		: bold;
	  width				: 20px;
	}
	
	div.nosmall {
		display			: none;
	}
	
	tr.nosmall {
		display			: none;
	}
	
	tr.dosmall {
		display			: block;
	}
	
	div.dosmall {
		display			: block;
	}
	
	td.cell8 {
		font-size  		: 8pt; 
	}
	
	label {
		font-size  		: 8pt; 
	}
	
	td.likert {
		min-width		: 5px;
	}
}