<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>{% block title %}{{page.title}}{% endblock %}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
@font-face {
	font-family: 'Amerika Sans';
	src: url('{{ STATIC_ROOT }}/fonts/amerika_sans.ttf');
}

@font-face {
	font-family: 'Philosopher';
	src: url('{{ STATIC_ROOT }}/fonts/philosopher-regular.ttf');
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Amerika Sans', Helvetica;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0.5em 0 0.2em 0;
}

body {
	font-family: Philosopher;
	font-size: 12pt;
}

#page_header {
	text-align: right;
}

@page {
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 35mm;
	margin-left: 2cm;
	@frame header {
		-pdf-frame-content : page_header;
		top: 0;
		margin: 5mm;
		height: 4cm;
	}
	@frame footer {
		-pdf-frame-content: page_footer;
		bottom: 0cm;
		height: 2cm;
		margin: 5mm;
	}
}
</style>
</head>
<body>
	<h1>{{ page.title }}</h1>
	{{ page.content }}
	<div id="page_header">
		<img src="{{STATIC_ROOT}}/img/logo.png" alt="Kasu">
	</div>
	<div id="page_footer">
		{{ page.title }} Seite:
		<pdf:pagenumber />
	</div>
</body>
</html>