diff --git a/skin/styles/mobile.css b/skin/styles/mobile.css
new file mode 100644
index 000000000..d81050a37
--- /dev/null
+++ b/skin/styles/mobile.css
@@ -0,0 +1,584 @@
+/* Allgemein */
+body
+{
+	background-color: White;
+	font-family:  Verdana,Tahoma,Arial, Geneva, Helvetica, sans-serif;
+	/*font-family: Tahoma, Arial, Helvetica, sans-serif;
+	*/
+	font-size: 8px;
+	/*overflow:visible;
+	*/
+	/*IE hack*/
+/*	
+	voice-family: "\"
+}\"";
+*/
+	voice-family: inherit;
+	font-size: small;
+	/*IE hack end*/
+}
+iframe
+{
+	margin:0px;
+	border-width:0px;
+	border-style:none;
+	padding:0px;
+}
+/*
+textarea
+{
+	font-family: Arial, Helvetica, sans-serif;
+}
+form
+{
+	font-family: Arial, Helvetica, sans-serif;
+}
+*/
+
+/*   Screens  */
+
+select, input,div,td
+{
+	font-size: x-small;
+}
+hr
+{
+	color:#DDDDDD;
+	height:0.5px;
+}
+
+@media screen {
+#menue
+{
+	top:49px;
+	width:16%;
+	height:85%;
+	z-index:1000;
+	overflow: auto;
+}
+/*Alle außer IE 6*/
+html>body #menue
+{
+	position:absolute;
+}
+
+#content
+{
+	width:45%; 
+	height:80%;
+	left:18%;
+	overflow: auto;	
+}
+/*Alle außer IE 6*/
+html>body #content
+{
+	position:absolute;
+}
+
+#GlobalMenu
+{
+	padding: 0px 0px 0px 30px;
+	margin-top: 3px;
+	text-align: left;
+}
+
+
+.home_logo
+{
+	background-image:url(styles/mobile/TWLogo_klein.jpg);
+	width:100px;
+	height:31px;
+	z-index: 1003;
+}
+.header_line
+{
+	background-image:url(styles/mobile/header_line.jpg);
+	background-repeat:repeat-x;
+	width:100%;
+	height:3px;
+}
+}
+
+/*   Druckausgabe */
+
+
+@media print {
+
+.home_logo
+{
+display:none;
+}
+.header_line
+{
+display:none;
+}
+
+#menue
+{
+display:none;
+}
+#GlobalMenu
+{
+display:none;
+}
+
+#content
+{
+	width:800px;
+	height:900px;
+	left:0px;
+	overflow: hidden;
+}
+
+}
+
+input.TextBox					
+{
+	background-color: White;
+}
+
+/*Vor IE/Mac verstecken \
+*html .header_line{
+	height:0.5px;
+}
+*/
+/* Vor IE/Mac verstecken*/
+div.tip
+{
+
+	position: absolute;
+	display: none;
+	width: 300px;
+	background-color: #f7f7ee;
+	padding: 3px 7px 4px 6px;
+	border: 1px solid #336;
+	background-color: #f7f7ee;
+	text-align: left;
+}
+#header
+{
+	vertical-align:middle;
+}
+
+/* Links */
+a
+{
+	color: #008381;
+	text-decoration: none;
+	cursor: pointer;
+	font-size: xx-small;
+}
+a.HyperItem
+{
+	color: Black; text-decoration: none;
+	font-weight: bold;
+}
+a:hover.HyperItem
+{
+	color: #008381; text-decoration: none;
+	font-weight: bold;
+}
+a[onClick]:hover.Item
+{
+	color: Black; text-decoration: none;
+	font-size: smaller;
+}
+a:hover.Item
+{
+	color: Black; text-decoration: none;
+}
+a.Item2
+{
+	color: Black; text-decoration: none;
+}
+a:hover.Item2
+{
+	color: #008381; text-decoration: none;
+}
+a.MenuItem
+{
+	color: #008381; text-decoration: none;
+	font-weight: bold;
+}
+a:hover.MenuItem
+{
+	color: Black; text-decoration: none;
+	font-weight: bold;
+}
+A.hilfe 
+{ 
+	text-decoration:none;
+}
+A.hilfe:hover 
+{ 
+	text-decoration:none;
+	cursor:help;
+}
+A.stpl_detail 
+{ 
+	font-size:x-small; 
+	color:#000000;
+	text-decoration:none;
+}
+A.stpl_detail:hover
+{ 
+	font-size:x-small;
+	color:#000000; 
+	text-decoration:underline;
+	/*cursor:hand;*/
+}
+a.head
+{
+   color:#ffffff;
+}
+a.head:hover
+{
+	color:#000000;
+}
+
+
+/* Tables */
+TABLE.tabcontent
+{
+	margin: 0px;
+	padding: 0px;
+	border-style: none;
+	width: 100%;
+	/*
+	cellspacing: 0;
+	cellpadding: 0;
+	*/
+}
+TABLE.tabcontent2
+{
+	margin: 0px;
+	padding: 0px;
+	border-style: none;
+	/*
+	cellspacing: 0;
+	cellpadding: 0;
+	*/
+}
+TABLE.tabborder
+{
+	/*
+	cellspacing: 0;
+	cellpadding: 1;
+	*/
+	width: 100%;
+	/*border: 1px solid black; foo*/
+}
+TABLE#tabterm
+{
+	/*
+	cellpadding: 0;
+	cellspacing: 0;
+	*/
+	margin:auto;
+}
+td.ContentHeader
+{
+	background-color: #008381;
+	/*grün*/
+	font-weight: bold;
+	height: 15px;
+	font-size: x-small;
+}
+td.ContentHeader2
+{
+	background-color: #CCCCCC; /*mittel-grau*/
+	font-weight: normal;
+	height: 15px;
+	font-size: smaller;	
+}
+td.ContentHeader3					
+{
+	background-color: #CCCCCC; /*mittel-grau*/
+	font-weight: bold;
+	height: 15px;
+	font-size: smaller;	
+}
+td.MarkLine
+{
+	background-color: #F2F2F2; /*wie #EEEEEE; also grau fast weiß*/
+}
+td.tdwidth10
+{
+	width: 10px;
+}
+td.tdwidth30
+{
+	width: 30px;
+}
+td.tdgreen
+{
+	background-color: #CCFFCC;
+}
+td.tdborder
+{
+	text-align: center;
+	border:2px solid black;
+	background-color: #ffffff;
+}
+td.tdwrap
+{
+	white-space: nowrap;
+}
+
+td.tdvertical
+{
+	vertical-align: top;
+}
+TR.liste
+{
+	background-color: #D3DCE3; /*grau wie #DDDDDD*/
+}
+TR.liste0						
+{
+	background-color: #FFFFFF; /*weiß*/
+}
+TR.liste1						
+{
+	background-color: #EEEEEE; /*grau fast weiß*/
+}
+TR.tryellow
+{
+	background-color: #FFFF99;
+}
+
+/* private/profile/zeitsperre.php */
+TABLE#zeitsperren
+{  
+	/*border: 1px solid black; foo*/
+	/*
+	cellspacing: 0;
+	cellpadding: 0;
+	*/
+	font-size: small;
+	width:100%;
+}
+TABLE#zeitsperren TH
+{
+	background-color: #DDDDDD; /*hellgrau*/
+}
+TABLE#zeitsperren TH.feiertag
+{
+	background-color: #FFFF00; /*grelles gelb*/
+}
+TABLE#zeitsperren TD.feiertag
+{
+	background-color: #FFFF22; /*bissi helleres gelb*/
+}
+TABLE#zeitsperren TD
+{
+	background-color: #EEEEEE /*grau fast weiß*/
+}
+
+/* Stundeplan */
+TABLE.stdplan
+{  
+	/*border: 1px solid black; foo*/
+	/*
+	cellspacing: 0;
+	cellpadding: 0;
+	*/
+	font-size: small;
+}
+TABLE.stdplan TH
+{
+	background-color: #DDDDDD;
+}
+TABLE.stdplan TD
+{
+	background-color: #EEEEEE
+}
+.row-even { /*liste1*/
+ background-color:#f2f2f2;
+}
+
+.row-odd { /*liste0*/
+  background-color:#ffffff;
+}
+
+
+/* Fonts */
+h1 
+{ 
+	font-size: x-small;
+	color: #ffffff; 
+	background-color: #009e84; 
+}
+h1 td
+{ 
+	font-size: x-small; 
+	color: #ffffff; 
+	background-color: #009e84;
+}
+h1 a
+{
+	color: #dddddd;
+}
+h1 a:hover
+{
+	color: #ffffff;
+	text-decoration:none;
+}
+
+h2 
+{ 
+	font-size: smaller; 
+	color: #ffffff; 
+	background-color: #00a4d2; /*hellblau*/
+}
+h2 td
+{ 
+	font-size: smaller; 
+	color: #ffffff; 
+	background-color: #00a4d2; /*hellblau*/
+}
+h2 a
+{
+	color: #dddddd; 
+}
+h2 a:hover
+{
+	color: #ffffff;
+	text-decoration:none;
+}
+h3 
+{ 
+	font-size: smaller; 
+	font-weight: bold; 
+	color: #008E74; 
+}
+h4 
+{ 
+	font-size: smaller; 
+	font-style: normal; 
+	line-height: normal; 
+	font-weight: bold; 
+	font-variant: normal; 
+	text-transform: none; 
+	color: #008E74; 
+	/*cursor: hand; */
+	text-decoration: none; 
+}
+.error
+{
+	color: #ff0000;
+}
+font.ContentHeader
+{
+	color: #FFFFFF;
+}
+
+#news
+{
+}
+#news .news
+{
+	/*-moz-border-radius-topright: 20px;*/
+	-moz-border-radius-topleft: 10px;
+	width: 100%;
+	border: 1px solid #E0E0E0;
+	background-color: #F0F0F0;
+	
+}
+#news .news .titel
+{
+	font-weight: bold;
+	font-size: smaller;
+	/*font-size: normal;
+	*/
+	padding: 0px 10px 0px 10px;
+	white-space : nowrap;
+}
+#news .news .text
+{
+	background-color: #FCFCFC;
+	padding: 0px 10px 0px 10px;
+}
+
+
+/* Images */
+img.testtoolfrage
+{
+	max-width:400px;
+	max-height:300px;
+}
+img.testtoolvorschlag
+{
+	max-width:200px;
+	max-height:150px;
+}
+img
+{
+	border: 0;
+}
+img#layout
+{
+	border: 1px solid #AAAAAA;
+}
+
+/*Farben*/
+.grey
+{
+	color: #999999;
+}
+#bgcolor0					
+{
+	background-color: #CC0000;
+}
+#bgcolor1					
+{
+	background-color: #FF2200;
+}
+#bgcolor2					
+{
+	background-color: #FF9922;
+}
+#bgcolor3					
+{
+	background-color: #FFFF55;
+}
+#bgcolor4					
+{
+	background-color: #88FF88;
+}
+#bgcolor5					
+{
+	background-color: #AAFFAA;
+}
+#bgcolor6					
+{
+	background-color: #CCFFCC;
+}
+
+
+
+/*aussortiert*/
+
+
+/*font.headline					
+{
+	color: #008381; 
+	text-decoration: none;
+	font-weight: bold;
+
+	font-size: 20px;
+	line-height: 24px;
+	color: #003399;
+	margin-bottom: 0px;
+	margin-top: 0px;
+	
+}*/
+
+/*font.subline					
+{
+	font-size: 17px;
+	line-height: 20px;
+	color: #003399;
+	margin-bottom: 0px;
+	margin-top: 0px;
+}*/
+