{% extends "otree/FormPage.html" %}
{% load staticfiles otree_tags %}


{% block global_styles  %}

<style type="text/css">
	#feuheader {
		width: 60%;
		margin: 0 auto; 
	}

	#feufooter {
		width: 60%;
		margin: 0 auto; 
	}

	hr.feuhr {
		margin: 0 auto;
		width: 100%;
		border: 0;
		color: #6a90bb;
		background-color: #6a90bb;
		height: 1px;
	}
</style>
{% endblock %}

{% block global_scripts  %}
{% endblock %}

{% block body_main %}
<div id="feuheader">
	<img src="{% static "global/feulogo.gif" %}"/>

	<div style="width: 100%; display: table;">
    	<div style="display: table-row">
        	<div style="width: 60%; display: table-cell;"></div>
        	<div style="display: table-cell;"> 
        		<div class="progress" style="width: 100%;">
					<div class="progress-bar" role="progressbar" aria-valuenow="{{pdone}}" aria-valuemin="0" aria-valuemax="100" style="width:{{pdone}}%;">{{pdone}}%</div>
				</div>
			</div>
    	</div>
	</div>

	
	<hr class="feuhr">
</div>


{{block.super}}

<div id="feufooter">
	<br/><hr><br/><br/>
	<span style="font-size: 10;">
		<em>
			Bei dieser Online-Befragung handelt es sich um eine Studie des 
			<strong>Lehrgebietes Allgemeine Psychologie - Urteilen, Entscheiden, Handeln.</strong>
		</em>
	</span><br /><br />

	<span style="font-size: 10;">
		<em>- Bei Fragen oder Kommentaren zum Inhalt der Studie wenden Sie sich bitte an:<br /></em>
		<em><strong>Marc Jekel (<a href="mailto:Marc.Jekel@fernuni-hagen.de">Marc.Jekel@fernuni-hagen.de</a>)</strong></em>
	</span><br /><br />

	<span style="font-size: 10;">
		<em>- Bei technischen Problemen wenden Sie sich bitte an das
			<strong>
				<a title="Email an das oTree-Adminteam" href="mailto:tillmann.nett@studium.fernuni-hagen.de">oTree-Adminteam</a>.
			</strong>
		</em>
	</span><br /><br /><br />

	<hr class="feuhr"><br/>
	<img src="{% static "global/Uni_Logo.GIF" %}"/>
</div>
{% endblock %}