diff --git a/themes/cosin-theme/layouts/_default/baseof.html b/themes/cosin-theme/layouts/_default/baseof.html
new file mode 100644
index 0000000..7b8ad26
--- /dev/null
+++ b/themes/cosin-theme/layouts/_default/baseof.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang='{{ .Site.Language.Lang | default "de" }}'>
+  <head>
+    <title>{{ block "title" . }}{{ .Site.Title }}{{ with .Title }} | {{ . }}{{ end }}{{ end }}</title>
+
+    <meta charset="utf-8">
+    {{ .Hugo.Generator }}
+
+    <link href='{{ "css/custom.css" | absURL }}' rel="stylesheet" type="text/css" />
+  </head>
+
+  <body>
+
+    {{ block "header" . }} {{ partial "site-header.html" . }} {{ end }}
+    {{ block "menu" . }} {{ partial "site-menu.html" . }} {{ end }}
+
+    <div id="content">
+      {{ block "sidebar" . }} {{ partial "site-sidebar.html" . }} {{ end }}
+      {{ block "main" . }} {{ end }}
+      <div style="clear: both;"></div>
+    </div>
+
+    {{ block "footer" . }} {{ partial "site-footer.html" . }} {{ end }}
+
+  </body>
+</html>
diff --git a/themes/cosin-theme/layouts/_default/single.html b/themes/cosin-theme/layouts/_default/single.html
new file mode 100644
index 0000000..c7e9399
--- /dev/null
+++ b/themes/cosin-theme/layouts/_default/single.html
@@ -0,0 +1,11 @@
+{{ define "main" }}
+<div class="right">
+  <article>
+    <header>
+    </header>
+    <div>
+      {{ .Content }}
+    </div>
+  </article>
+</div>
+{{ end }}
diff --git a/themes/cosin-theme/layouts/index.html b/themes/cosin-theme/layouts/index.html
new file mode 100644
index 0000000..c7e9399
--- /dev/null
+++ b/themes/cosin-theme/layouts/index.html
@@ -0,0 +1,11 @@
+{{ define "main" }}
+<div class="right">
+  <article>
+    <header>
+    </header>
+    <div>
+      {{ .Content }}
+    </div>
+  </article>
+</div>
+{{ end }}
diff --git a/themes/cosin-theme/layouts/partials/site-footer.html b/themes/cosin-theme/layouts/partials/site-footer.html
new file mode 100644
index 0000000..e69de29
diff --git a/themes/cosin-theme/layouts/partials/site-header.html b/themes/cosin-theme/layouts/partials/site-header.html
new file mode 100644
index 0000000..6f7809f
--- /dev/null
+++ b/themes/cosin-theme/layouts/partials/site-header.html
@@ -0,0 +1,5 @@
+<header>
+  <div id="header">
+    <h1>{{ .Site.Title }}</h1>
+  </div>
+</header>
diff --git a/themes/cosin-theme/layouts/partials/site-menu.html b/themes/cosin-theme/layouts/partials/site-menu.html
new file mode 100644
index 0000000..1037765
--- /dev/null
+++ b/themes/cosin-theme/layouts/partials/site-menu.html
@@ -0,0 +1,17 @@
+<nav class="pv2 ph0 ph0-ns bg-black-30">
+  <div id="menu">
+    <div class="flex-l items-center">
+      {{ if .Site.Menus.main }}
+        <ul class="ma0 pl5 pv1">
+          {{ range .Site.Menus.main }}
+          <li class="list f5 f4-ns fw4 dib pr3">
+            <a class="no-underline f4" href="{{ .URL }}" title="{{ .Name }}">
+              {{ .Name }}
+            </a>
+          </li>
+          {{ end }}
+        </ul>
+      {{ end }}
+    </div>
+  </div>
+</nav>
diff --git a/themes/cosin-theme/layouts/partials/site-sidebar.html b/themes/cosin-theme/layouts/partials/site-sidebar.html
new file mode 100644
index 0000000..fe5e962
--- /dev/null
+++ b/themes/cosin-theme/layouts/partials/site-sidebar.html
@@ -0,0 +1,55 @@
+<div class="left">
+{{ with .Site.Data.cosin }}
+
+<h3>{{ .title }} {{ .date_year }}</h3>
+
+<p>{{ .description }}
+</p>
+
+<p>
+  {{ if .date_known }}
+  <strong>Datum:</strong> {{ .date_day_start }}.-{{ .date_day_end }}. {{ .date_month }} {{ .date_year }}<br/>
+  {{ end }}
+
+  {{ if .place_known }}
+  <strong>Ort:</strong> {{ .location }}  in <strong>{{ .city }}</strong><br/>
+  {{ end }}
+
+  {{ if .registration_open }}
+  <strong>Eintritt:</strong> {{ .entrance_fee }}
+  {{ end }}
+</p>
+
+
+{{ if .flyer_available }}
+<p><strong><a href="/flyer/{{ .flyer_path }}">Flyer CoSin {{ .date_year }}</a></strong></p>
+{{ end }}
+
+
+{{ if .registration_open }}
+<p><strong>Anmeldung:</strong> <a href="mailto:{{ .registration_email }}">{{ .registration_email }}</a> (nur für Essen)</p>
+{{ end }}
+
+
+{{ if .cfp_running }}
+<p><strong>Call for Participation:</strong> <a href="{{ .cfp_url | safeURL }}">Frab</a></p>
+{{ end }}
+
+
+{{ if .schedule_available }}
+<p>
+  <strong>Fahrplan:</strong>
+  <ul>
+  {{ range $index, $element := .schedule_urls }}
+    <li><a href="{{ $element | safeURL }}">Tag {{ add $index 1 }}</a>
+  {{ end }}
+  </ul>
+</p>
+{{ end }}
+
+
+<p><strong>IRC:</strong> <a href="{{ .irc_server | safeURL }}{{ .irc_channel }}">{{ .irc_channel }}</a>
+</p>
+
+{{ end }}
+</div>
diff --git a/themes/cosin-theme/static/css/custom.css b/themes/cosin-theme/static/css/custom.css
new file mode 100644
index 0000000..37b0fb7
--- /dev/null
+++ b/themes/cosin-theme/static/css/custom.css
@@ -0,0 +1,138 @@
+/*
+ * Styleshoot for Cosin 2009 - by Cedric Spindler
+ * adapted for Cosin 2009 - poven
+ *
+ */
+
+/* ###### General ###### */
+body {
+	font-family: "Lucida Grande", "Arial", sans-serif;
+	background-image: url(/images/sitebg.png);
+	background-color: #ffffff;
+	font-size: 0.9em;
+	color: #000000;
+	margin: 0px auto;
+	width: 934px;
+}
+
+a {
+	color: #5c8040;
+	font-style: italic;
+}
+
+a:hover {
+	background-color: #f2ffcd;
+}
+
+/* ###### Header ###### */
+#header {
+	background-image: url(/images/header.png);
+	min-height: 143px;
+	height: 143px;
+}
+
+#header h1 {
+	display: none;
+}
+
+/* ###### Navigation ###### */
+#menu {
+	background-image: url(/images/menubg.png);
+	min-height: 80px;
+	height: 80px;
+}
+
+#menu ul {
+	list-style-type: none;
+	overflow: hidden;
+	margin: 0px;
+	margin-right: 20px;
+	margin-left: 250px;
+	padding: 0px;
+}
+
+#menu ul li {
+	display: inline;
+	margin: 0px;
+}
+
+#menu ul li a {
+	background-color: #63ab45;
+	float: left;
+	display: block;
+	padding: 6px;
+	text-decoration: none;
+	margin-top: 2px;
+	margin-left: 1px;
+	font-style: normal;
+	color: #ffffff;
+}
+
+#menu ul li a:hover {
+	background-color: #273013;
+}
+
+#menu ul li a:focus {
+	background-color: #273013;
+}
+
+/* ###### Content ###### */
+#content {
+	background-image: url(/images/contentbg.png);
+	margin-left: 34px;
+	padding-bottom: 30px;
+}
+
+/* ###### Leftbar ###### */
+.left {
+	margin-left: 60px;
+	float: left;
+	width: 220px;
+	font-size: 0.9em;
+}
+
+.left h3 {
+	margin: 0px;
+	font-size: 1.4em;
+	font-style: italic;
+	color: #658362;
+}
+
+.left strong {
+	font-weight: bold;
+}
+
+/* ###### Rightbar ###### */
+.right {
+	float: right;
+	width: 530px;
+	padding-right: 60px;
+}
+
+.right h2 {
+	margin-top: 10px;
+	margin-bottom: 5px;
+	padding: 5px;
+	padding-left: 10px;
+	font-size: 1.2em;
+	background-color: #337866;
+	color: #ffffff;
+}
+
+.right h3 {
+	margin: 0px;
+	font-size: 1.2em;
+	color: #658362;
+}
+
+.right p {
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+/* ###### Footer ###### */
+#footer {
+	text-align: center;
+	font-size: 0.8em;
+	margin: 5px;
+}
diff --git a/themes/cosin-theme/static/images/contentbg.png b/themes/cosin-theme/static/images/contentbg.png
new file mode 100644
index 0000000..ff61b2d
Binary files /dev/null and b/themes/cosin-theme/static/images/contentbg.png differ
diff --git a/themes/cosin-theme/static/images/header.png b/themes/cosin-theme/static/images/header.png
new file mode 100644
index 0000000..311e938
Binary files /dev/null and b/themes/cosin-theme/static/images/header.png differ
diff --git a/themes/cosin-theme/static/images/menubg.png b/themes/cosin-theme/static/images/menubg.png
new file mode 100644
index 0000000..a02c7ae
Binary files /dev/null and b/themes/cosin-theme/static/images/menubg.png differ
diff --git a/themes/cosin-theme/static/images/sitebg.png b/themes/cosin-theme/static/images/sitebg.png
new file mode 100644
index 0000000..1a86446
Binary files /dev/null and b/themes/cosin-theme/static/images/sitebg.png differ
