/* @page used for ... ??? *
@page {
	size: A4;
	margin: 0;
}
*/

@media screen {
	
	/* margins on all sides */
	/* leave room in case the printer is set to print url... ??? */
	/* can be inconsistent between browsers AND depends on printer settings so test sufficiently */
	.print-box {
		margin-top: 10mm;
		margin-bottom: 5mm;
		margin-left: 20mm;
		margin-right: 5mm;
		width: 170mm;			/* paper width minus margin minus printer-paper-margin, determined by try-and-error */
		position: relative;		/* needed to position footer absolute */
		/*border: 1px solid red;*/
		/*height: 265mm;
		/*min-height: 100%;		/* set to desired page height */
	}

}

/* not visible on the screen, only applied on the actual print page */
@media print {

	/* remove printing of url after anchor when printing */
	/* !important prevents the template from overruling the setting */
    a[href]::after {
        content: none !important;
    }

	/* margins tested with printer margins set to none */
	.print-box {
		margin-top: 10mm;
		margin-bottom: 5mm;
		margin-left: 20mm;
		margin-right: 5mm;
		width: 170mm;
		position: relative;		/* needed to position footer absolute */
		/*border: 1px solid red;*/
		/*height: 265mm;
		/*min-height: 100%;		/* set to desired page height */
	}
	
	html, body {
		/* sizes doesn't appear to do anything */
		/*width: 210mm;
		height: 297mm;
		width: 150mm;
		height: 200mm;
		*/
		margin:0 !important;
		padding:0 !important;
	}
  
	/* hide printer button for actual printing */
	/* also hides info box about printer and browser settings */
	.printer-button {
		display:none !important;
		visibility:hidden !important;
		position:absolute !important;
	}
	
	/* actual paper page break*/
	.page-break {
        height: 1px !important;
        page-break-before:always !important;
        margin:0 !important;
        border-top:none !important;
    }
	
}

/* determines minimal height for the content */
/* effectively pushes the footer down to the bottom */
/* depends on browser setup, unpredictable, needs retesting as browsers upgrade */
/* values of 272 / 285 / 263 determined by experiment primarily using Chrome */
/* if too large also causes header and footer to be printed on a seperate page on firefox */
/* also make sure the printer is set to use A4 paper size ! */
.content {
	/*min-height: 272mm; !important; */
	/*min-height: 285mm; !important;  /* ok chrome */

	/*min-height: 262mm; !important;  /* ok firefox */

	/* previous setting, probably used paper size 'letter'
	min-height: 247mm; !important;  /* ok firefox met html pagina op 100% */

	/* testing paper size a4 */
	min-height: 262mm; !important;  /* ok firefox met html pagina op 100% */

	position: relative;
}


/* header and footer content only, not positioning */
.header {
	margin:0 !important;
	width:100% !important;
	/*height:30px !important;*/
	/*text-align:center !important;*/
	/*display:table !important;*/
	/*border:1px solid #000 !important;*/
}
.footer {
	/* position relative to container being 'content' */
	position: absolute;
	bottom: 0px;
	margin:0 !important;
	width:100% !important;

	/*
	height:30px !important;
	text-align:center !important;
	display:table !important;
	border:1px solid #000 !important;
	*/
}

.header_line {
	border-top: 1px solid #000000;
	padding: 0px;
	margin: 0px;
}
.header_text_left {
	font-size: 0.9em;
	text-align: left;
	padding-left: 20px;
}
.header_text_right {
	float: right;
	font-size: 0.75em;
	text-align: right;
	padding-right: 20px;
}
.footer_line {
	border-top: 1px solid #000000;
	padding: 0px;
	margin: 0px;
}
.footer_text_left {
	font-size: 0.9em;
	text-align: left;
	padding-left: 20px;
}
.footer_text_right {
	float: right;
	font-size: 0.75em;
	text-align: right;
	padding-right: 20px;
}
/* different minimum size on firefox ? */
/*
@-moz-document url-prefix() {
  .print-box {
	  min-height:calc(11.25in - 140px) !important;
  }
}
*/
/*
@-moz-document url-prefix() {
  .content {
	  min-height:calc(11in - 150px) !important;
  }
}
*/

/*
@page {
	margin:0 !important;
}
*/