<link href="{{ header.absoluteThemePath }}/style.css" rel="stylesheet" type="text/css" />
<div id="kmailPage">
<div id="headerbox" dir="ltr">
        <div id="subject" dir="{{ header.subjectDir }}">{{ header.subject|safe }}</div>
	<div id="photo">
		{% if header.photourl %}
		<img src="{{ header.photourl }}" width="{{ header.photowidth }}" height="{{ header.photoheight }}" />
		{% else %}
		<img src="{{ header.absoluteThemePath }}/photo.svg" width="{{ header.photowidth }}" height="{{ header.photoheight }}" />
		{% endif %}
	</div>
	<div class="table">
		<div class="row">
			<div class="headerleft">{{ header.fromi18n }}</div>
			<div class="headerright">
				{{ header.from|safe }}
				{% if header.resentfrom %}
				{{ header.resentfromi18n }}: {{ header.resentfrom|safe }}
				{% endif %}
				{% if header.vcardname %}
				<a href="{{ header.vcardname|safe }}">{{ header.vcardi18n }}</a>
				{% endif %}
				{% if header.organization %}
				({{ header.organization|safe }})
				{% endif %}
			</div>
		</div>
                {% if header.to %}
		<div class="row">
			<div class="headerleft">{{ header.toi18n }}</div>
			<div class="headerright">{{ header.toExpandable|safe }}</div>
		</div>
                {% endif %}
		{% if header.cc %}
		<div class="row">
			<div class="headerleft">{{ header.cci18n }}</div>
			<div class="headerright">{{ header.ccExpandable|safe }}</div>
		</div>
		{% endif %}
		{% if header.bcc %}
		<div class="row">
			<div class="headerleft">{{ header.bcci18n }}</div>
			<div class="headerright">{{ header.bcc|safe }}</div>
		</div>
		{% endif %}
		{% if header.sender %}
		<div class="row">
			<div class="headerleft">{{ header.senderi18n }}</div>
			<div class="headerright">{{ header.sender|safe }}</div>
		</div>
		{% endif %}
		{% if header.listid %}
		<div class="row">
			<div class="headerleft">{{ header.listidi18n }}</div>
			<div class="headerright">{{ header.listid }}</div>
		</div>
		{% endif %}
		<div class="row">
			<div class="headerleft">{{ header.datei18n }}</div>
			<div class="headerrightdate" dir="{{ header.applicationDir }}">{{ header.dateshort }}</div>
		</div>
		{% if header.spamHTML %}
		<div class="row">
			<div class="headerleft">{{ header.spamstatusi18n }}</div>
			<div class="headerrightdate">{{ header.spamHTML|safe }}</div>
		</div>
		{% endif %}
	</div>
	<div>{{ header.attachmentHtml|safe }}</div>
</div>
<div id="kmailContent">
