diff --git a/css/tabs-no-images.css b/css/tabs-no-images.css
deleted file mode 100644
index e9dd222..0000000
--- a/css/tabs-no-images.css
+++ /dev/null
@@ -1,59 +0,0 @@
-
-/* root element for tabs  */
-ul.tabs {  
-	margin:0 !important; 
-	padding:0;
-	height:30px;
-	border-bottom:1px solid #666;	 	
-}
-
-/* single tab */
-ul.tabs li {  
-	float:left;	 
-	padding:0; 
-	margin:0;  
-	list-style-type:none;	
-}
-
-/* link inside the tab. uses a background image */
-ul.tabs a { 
-	float:left;
-	font-size:13px;
-	display:block;
-	padding:5px 30px;	
-	text-decoration:none;
-	border:1px solid #666;	
-	border-bottom:0px;
-	height:18px;
-	background-color:#efefef;
-	color:#777;
-	margin-right:2px;
-	-moz-border-radius-topleft: 4px;
-	-moz-border-radius-topright:4px;
-	position:relative;
-	top:1px;	
-}
-
-ul.tabs a:hover {
-	background-color:#ddd;
-	color:#333;
-}
-	
-/* selected tab */
-ul.tabs a.current {
-	background-color:#f7f7f7;
-	border-bottom:2px solid #f7f7f7;	
-	color:#000;	
-	cursor:default;
-}
-
-	
-/* tab pane */
-div.panes div {
-	display:none;
-	border:1px solid #666;
-	border-width:0 1px 1px 1px;
-	min-height:150px;
-	padding:15px 20px;
-	background-color:#f7f7f7;	
-}
diff --git a/index.php b/index.php
index 88d75a5..2c60902 100644
--- a/index.php
+++ b/index.php
@@ -47,6 +47,14 @@
       width: 100%;
       height: 100%;
     }
+
+    .mdl-layout__tab-panel {
+      display: none;
+    }
+
+    .mdl-layout__tab-panel.is-active {
+      display: block;
+    }
   </style>
 </head>
 <body>
@@ -70,7 +78,6 @@
       <a href="#scroll-tab-2010" class="mdl-layout__tab">2010</a>
       <a href="#scroll-tab-2009" class="mdl-layout__tab">2009</a>
       <a href="#scroll-tab-alldata" class="mdl-layout__tab">Alle Monate</a>
-      <a href="#scroll-tab-wu" class="mdl-layout__tab">WUnderground</a>
     </div>
   </header>
   <div class="mdl-layout__drawer">
@@ -162,28 +169,6 @@
         <?php include('allmonths.txt'); ?>
       </div>
     </section>
-    <section class="mdl-layout__tab-panel" id="scroll-tab-wu">
-      <div class="page-content"><!-- WUnderground -->
-        <p>
-          <a href="//www.wunderground.com/weatherstation/WXDailyHistory.asp?ID=IBRANDEN17" target="_blank">
-            Diese Station bei <em>Weather Underground</em>:<br />
-            <img src="http://banners.wunderground.com/cgi-bin/banner/ban/wxBanner?bannertype=pws250_metric&amp;weatherstationcount=IBRANDEN17" />
-            <img src="http://banners.wunderground.com/cgi-bin/banner/ban/wxBanner?bannertype=WeatherStationCount&amp;weatherstationcount=IBRANDEN17" height="160" width="163" border="0" alt="Weather Underground PWS IBRANDEN17" />
-
-          </a>
-          <object width="290" height="130">
-            <param name="movie" value="//www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IBRANDEN17&amp;freq=&amp;units=metric&amp;lang=EN" />
-            <embed src="//www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IBRANDEN17&amp;freq=&amp;units=metric&amp;lang=EN" type="application/x-shockwave-flash" width="290" height="130" />
-          </object>
-        </p>
-        <p>
-          <object width="600" height="400">
-            <param name="movie" value="//www.wunderground.com/swf/Rapid_Fire.swf?units=metric&amp;station=IBRANDEN17" />
-            <embed src="//www.wunderground.com/swf/Rapid_Fire.swf?units=metric&amp;station=IBRANDEN17" type="application/x-shockwave-flash" width="600" height="400" />
-          </object>
-        </p>
-      </div>
-    </section>
   </main>
 </div>
 <!-- BEGIN Google Analytics -->
