diff --git a/server.py b/server.py
index 6dbfcd9a18f8ceea0c18ec67b5fbeec48a1bd687..49c31f552ce017b9912b63ae15e9942f5c0ded3d 100755
--- a/server.py
+++ b/server.py
@@ -74,7 +74,7 @@ def videos():
 	groupedby = request.args.get('groupedby')
 	if groupedby not in ['title','semester','organizer']:
 		groupedby = 'semester'
-	return render_template('videos.html', courses=courses, groupedby=groupedby)
+	return render_template('course.html', courses=courses, groupedby=groupedby)
 
 @app.route('/faq')
 @register_navbar('FAQ', icon='question-sign')
@@ -123,9 +123,9 @@ def course(id):
 			JOIN formats ON (videos.video_format = formats.id)
 			JOIN courses ON (lectures.course_id = courses.id)
 			WHERE lectures.course_id= ? AND (? OR videos.visible)
-			ORDER BY formats.prio DESC
+			ORDER BY lectures.time, formats.prio DESC
 			''', courses[0]['id'], ismod())
-	return render_template('course.html', course=courses[0], lectures=lectures, videos=videos)
+	return render_template('course_id.html', course=courses[0], lectures=lectures, videos=videos)
 
 @app.route('/login', methods=['GET', 'POST'])
 def login():
diff --git a/templates/course.html b/templates/course.html
index b023577e51482025dfe1d69caadb8524e38ff017..61c93b5b20083448973904e8c4ee4d8d86300e1c 100644
--- a/templates/course.html
+++ b/templates/course.html
@@ -1,45 +1,38 @@
-{% from 'macros.html' import lecture_list_item %}
-{% from 'macros.html' import valueeditor %}
-{% from 'macros.html' import valuecheckbox %}
-{% from 'macros.html' import preview %}
+{% from 'macros.html' import course_list_item %}
 {% extends "base.html" %}
 {% block content %}
-<div class="panel panel-default">
-	<div class="panel-heading">
-		<h1 class="panel-title">{{ valueeditor(['courses',course.id,'title'], course.title)}}</h1>
-	</div>
-	<div class="row panel-body">
-		<div class="col-xs-12">
-			<table class="table-condensed">
-				<tbody>
-					<tr><td>Semester:</td><td>{{ valueeditor(['courses',course.id,'semester'], course.semester) }}</td></tr>
-					<tr><td>Veranstalter:</td><td>{{ valueeditor(['courses',course.id,'organizer'], course.organizer) }}</td></tr>
-					<tr><td>Bemerkungen:</td><td>{{ valueeditor(['courses',course.id,'description'], course.description) }}</td></tr>
-					{% if ismod() %}
-					<tr><td>Sichtbar:</td><td>{{ valuecheckbox(['courses',course.id,'visible'], course.visible) }}</td></tr>
-					<tr><td>Gelistet:</td><td>{{ valuecheckbox(['courses',course.id,'listed'], course.listed) }}</td></tr>
-					<tr><td>Short:</td><td>{{ valueeditor(['courses',course.id,'short'], course.short) }}</td></tr>
-					<tr><td>Handle:</td><td>{{ valueeditor(['courses',course.id,'handle'], course.handle) }}</td></tr>
-					<tr><td>Downloadable:</td><td>{{ valuecheckbox(['courses',course.id,'downloadable'], course.downloadable) }}</td></tr>
-					<tr><td>Thema:</td><td>{{ valueeditor(['courses',course.id,'subject'], course.subject) }}</td></tr>
-					<tr><td>Zuständig:</td><td>{{ valueeditor(['courses',course.id,'responsible'], course.responsible) }}</td></tr>
-					{% endif %}
-				</tbody>
-			</table>
-		</div>
+<div class="row">
+	<div class="col-xs-12 dropdown" style="margin-bottom: 10px;">
+		<span class="pull-right">
+			{% if ismod() %} <a class="btn btn-default" style="margin-right: 5px;" href="todo">Neue Veranstaltung</a> {% endif %}
+		
+		<button class="btn btn-primary dropdown-toggle pull-right" type="button" data-toggle="dropdown">Gruppierung
+		<span class="caret"></span></button>
+		<ul class="dropdown-menu dropdown-menu-right">
+			<li><a href="?groupedby=semester">Semester</a></li>
+			<li><a href="?groupedby=title">Veranstaltungen</a></li>
+			<li><a href="?groupedby=organizer">Dozenten</a></li>
+		</ul>
+		</span>
 	</div>
 </div>
-<div class="panel panel-default">
-	<div class="panel-heading">
-		<h1 class="panel-title">Videos</h1>
-		{% if ismod() %}
-				<a class="btn btn-default" style="margin-right: 5px;" href="todo">Neuer Termin</a>
-		{% endif %}
-	</div>
-	<ul class="list-group lectureslist">
-		{% for l in lectures %}
-			{{ lecture_list_item(l,videos|selectattr('lecture_id','equalto',l.id)|list) }}
-		{% endfor %}
-	</ul>
+{% for g in courses|groupby(groupedby)|reverse %}
+<div class="row panel-group">
+	<div class="col-xs-12"><div class="panel panel-default">
+		<div class="panel-heading">
+			<h1 class="panel-title">{{g.grouper}}</h1>
+		</div>
+		<ul class="{% if not ismod() %}courses-list {% endif %}list-group">
+			{% for i in g.list %}
+				{% if groupedby == 'semester' %}
+					{{ course_list_item(i) }}
+				{% else %}
+					{{ course_list_item(i,true) }}
+				{% endif %}
+			{% endfor %}
+		</ul>
+	</div></div>
 </div>
+{% endfor %}
+
 {% endblock %}
diff --git a/templates/course_id.html b/templates/course_id.html
new file mode 100644
index 0000000000000000000000000000000000000000..b023577e51482025dfe1d69caadb8524e38ff017
--- /dev/null
+++ b/templates/course_id.html
@@ -0,0 +1,45 @@
+{% from 'macros.html' import lecture_list_item %}
+{% from 'macros.html' import valueeditor %}
+{% from 'macros.html' import valuecheckbox %}
+{% from 'macros.html' import preview %}
+{% extends "base.html" %}
+{% block content %}
+<div class="panel panel-default">
+	<div class="panel-heading">
+		<h1 class="panel-title">{{ valueeditor(['courses',course.id,'title'], course.title)}}</h1>
+	</div>
+	<div class="row panel-body">
+		<div class="col-xs-12">
+			<table class="table-condensed">
+				<tbody>
+					<tr><td>Semester:</td><td>{{ valueeditor(['courses',course.id,'semester'], course.semester) }}</td></tr>
+					<tr><td>Veranstalter:</td><td>{{ valueeditor(['courses',course.id,'organizer'], course.organizer) }}</td></tr>
+					<tr><td>Bemerkungen:</td><td>{{ valueeditor(['courses',course.id,'description'], course.description) }}</td></tr>
+					{% if ismod() %}
+					<tr><td>Sichtbar:</td><td>{{ valuecheckbox(['courses',course.id,'visible'], course.visible) }}</td></tr>
+					<tr><td>Gelistet:</td><td>{{ valuecheckbox(['courses',course.id,'listed'], course.listed) }}</td></tr>
+					<tr><td>Short:</td><td>{{ valueeditor(['courses',course.id,'short'], course.short) }}</td></tr>
+					<tr><td>Handle:</td><td>{{ valueeditor(['courses',course.id,'handle'], course.handle) }}</td></tr>
+					<tr><td>Downloadable:</td><td>{{ valuecheckbox(['courses',course.id,'downloadable'], course.downloadable) }}</td></tr>
+					<tr><td>Thema:</td><td>{{ valueeditor(['courses',course.id,'subject'], course.subject) }}</td></tr>
+					<tr><td>Zuständig:</td><td>{{ valueeditor(['courses',course.id,'responsible'], course.responsible) }}</td></tr>
+					{% endif %}
+				</tbody>
+			</table>
+		</div>
+	</div>
+</div>
+<div class="panel panel-default">
+	<div class="panel-heading">
+		<h1 class="panel-title">Videos</h1>
+		{% if ismod() %}
+				<a class="btn btn-default" style="margin-right: 5px;" href="todo">Neuer Termin</a>
+		{% endif %}
+	</div>
+	<ul class="list-group lectureslist">
+		{% for l in lectures %}
+			{{ lecture_list_item(l,videos|selectattr('lecture_id','equalto',l.id)|list) }}
+		{% endfor %}
+	</ul>
+</div>
+{% endblock %}
diff --git a/templates/videos.html b/templates/videos.html
deleted file mode 100644
index 61c93b5b20083448973904e8c4ee4d8d86300e1c..0000000000000000000000000000000000000000
--- a/templates/videos.html
+++ /dev/null
@@ -1,38 +0,0 @@
-{% from 'macros.html' import course_list_item %}
-{% extends "base.html" %}
-{% block content %}
-<div class="row">
-	<div class="col-xs-12 dropdown" style="margin-bottom: 10px;">
-		<span class="pull-right">
-			{% if ismod() %} <a class="btn btn-default" style="margin-right: 5px;" href="todo">Neue Veranstaltung</a> {% endif %}
-		
-		<button class="btn btn-primary dropdown-toggle pull-right" type="button" data-toggle="dropdown">Gruppierung
-		<span class="caret"></span></button>
-		<ul class="dropdown-menu dropdown-menu-right">
-			<li><a href="?groupedby=semester">Semester</a></li>
-			<li><a href="?groupedby=title">Veranstaltungen</a></li>
-			<li><a href="?groupedby=organizer">Dozenten</a></li>
-		</ul>
-		</span>
-	</div>
-</div>
-{% for g in courses|groupby(groupedby)|reverse %}
-<div class="row panel-group">
-	<div class="col-xs-12"><div class="panel panel-default">
-		<div class="panel-heading">
-			<h1 class="panel-title">{{g.grouper}}</h1>
-		</div>
-		<ul class="{% if not ismod() %}courses-list {% endif %}list-group">
-			{% for i in g.list %}
-				{% if groupedby == 'semester' %}
-					{{ course_list_item(i) }}
-				{% else %}
-					{{ course_list_item(i,true) }}
-				{% endif %}
-			{% endfor %}
-		</ul>
-	</div></div>
-</div>
-{% endfor %}
-
-{% endblock %}