--- a/luk.css	Wed Dec 11 16:38:32 2013 +0200
+++ b/luk.css	Wed Dec 11 16:38:59 2013 +0200
@@ -7,6 +7,10 @@
 	font-size: 10pt;
 }
 
+h1 {
+	font-size: 1.5em;
+}
+
 a:active {
 	outline: none;
 }

--- a/mluk3.css	Wed Dec 11 16:38:32 2013 +0200
+++ b/mluk3.css	Wed Dec 11 16:38:59 2013 +0200
@@ -1,31 +1,244 @@
-@import url("luk3.css");
 body {
-	font-size: 8pt;
+	font-family: Verdana, Arial, helvetica, sans-serif;
+	font-size: 10pt;
+	color: white;
+	margin: 0px;
+	padding: 0px;
+	background: black;
+	max-width: 480px;
+	width: 100%;
+}
+
+a:hover {
+	text-decoration: underline;
+	color: #555;
 }
 
 h1, h2, h3 {
+	font-weight: normal;
+	color: white;
+	background: rgb(100,50,80);
+	padding: 4pt;
 	font-size: 12pt;
+	padding-bottom: 8px;
+	margin: 0px;
+	text-shadow: 2px 2px 2px #000;
+}
+
+#contents {
+	z-index: 5;
+	padding: 0px;
+	margin: 0px;
+	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+	overflow: hidden;
+	background: rgba(100,50,80,0.6);
+}
+
+
+table {
+	width: 100%;
+	border: 0px;
+	padding: 0px;
+	margin: 0px;
+}
+
+tr {
+	border: 0px;
+	padding: 0px;
+	margin: 0px;
+}
+
+table.timetable th {
+	padding: 2px;
+	margin: 2px;
+	text-align: center;
+
+	background: rgba(100,50,80,0.6);
+	color: #ccc;
+	-moz-border-radius: 5pt;
+	border-radius: 5pt;
+}
+
+th.hours {
+	width: 25%;
+}
+
+td {
+	padding: 4px;
+	margin: 2px;
+	color: #ccc;
+	-moz-border-radius: 5pt;
 	border-radius: 5pt;
-	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
-	display: inline-block;
+}
+
+table.timetable {
+	font-size: 10pt;
+}
+
+table.timetable td > a, table.timetable td > a:visited, table.timetable td > a:active {
+	text-decoration: none;
+	text-shadow: 2px 2px 2px #000;
+	color: #fff;
+}
+
+table.timetable td > a:hover {
+	color: yellow;
+}
+
+
+th.hours {
+	white-space: nowrap;
+}
+
+table.timetable * table {
+	width: 100%;
+	height: 100%;
+}
+
+table.timetable tr:hover th.hours {
+	color: red;
+}
+
+td.clgrouped, td.clgrouped * td {
+	background: rgb(60,10,30);
+}
+
+td.clnothing, td.clnothing * td {
+}
+
+td.clnormal, td.clnormal * td {
+	background: rgba(90,40,60,0.7);
+}
+
+td.clactive {
+	box-shadow: 0px 0px 3px rgb(255,255,255);
+}
+
+td.clnext {
+	box-shadow: 0px 0px 1px rgba(255,255,255,0.7);
+}
+
+div.nhours {
+	text-align: right;
+}
+
+div.nhours span {
+	background: black;
+	padding: 2pt;
+	border: 1px solid gray;
+}
+
+#controls {
+	background: rgba(0,0,0,0.1);
+	padding: 0px;
+	margin: 0px;
+	overflow: hidden;
+	padding: 2pt;
+	box-shadow: 0px 0px 1px rgba(255,255,255,0.7);
+}
+
+#controls table * {
+	padding: 0px;
+	margin: 0px;
+}
+
+#controls a.textctrl {
+	padding: 5pt;
+	margin-bottom: 5pt;
+//	border: 1px solid rgba(10,114,133,0.3);
+	-moz-border-radius: 8px;
+	border-radius: 8px;
+	text-decoration: none;
+	color: white;
+	background: rgba(255,255,255,0.2);
+	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
+}
+
+#controls a.textctrl:hover {
+	color: white;
+	background: rgba(255,255,255,0.5);
+}
+
+#controls select {
+	background: white;
+	border: 1px solid black;
+
+	padding: 5pt;
+	-moz-border-radius: 8px;
+	border-radius: 8px;
+	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
+}
+
+#controls input.submit {
+	color: white;
+	background: rgba(200,255,200,0.2);
+	border: 1px solid rgba(255,255,255,0.3);
+
+	padding: 5pt;
+	-moz-border-radius: 8px;
+	border-radius: 8px;
+	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
+}
+
+#controls input.submit:hover {
+	color: white;
+	background: rgba(200,255,200,0.5);
+}
+
+#footer {
+	padding-top: 5pt;
+	font-size: 6pt;
+	background: black;
+	text-align: center;
+}
+
+#footer div {
+	text-align: left;
 }
 
 #csssel {
+	margin: 0px;
 	font-size: 6pt;
+	background: rgb(100,50,80) url(img/mobile-white.png) no-repeat fixed 5pt 5pt;
+	padding: 5pt;
+	text-shadow: 1px 1px 1px #000;
+//	box-shadow: 0px 0px 6px rgba(200,0,100,0.7);
 }
 
 #ctitle {
-	font-size: 8pt;
+	font-family: Impact, Verdana, Arial, helvetica, sans-serif;
+	text-align: right;
+	font-size: 12pt;
+}
+
+#csssel a {
+	padding: 2pt;
+	color: #ccc;
+	text-decoration: none;
+}
+
+#csssel a:hover {
+	text-decoration: underline;
 }
 
-#contents {
-	position: relative;
-	right: auto;
-	left: auto;
-	display: inline-block;
+#clang {
+	font-size: 10pt;
+	text-align: right;
+	font-weight: bold;
+	padding-top: 5pt;
 }
 
-table.timetable * table {
-	width: auto;
-	height: 100%;
+#clang a {
+	-moz-border-radius: 5pt;
+	border-radius: 5pt;
+	color: #f00;
+	background: rgba(0,0,0, 0.25);
+	padding: 4pt;
+	padding-left: 6pt;
+	padding-right: 6pt;
+	margin: 2pt;
 }
+
+#clang a:hover {
+	background: rgba(255,255,255, 0.25);
+}