More work on new design

site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

themes/funchat/footer.tpl

@@ -1,21 +1,13 @@
 <div class="pmnotice"></div>
 <div class="wrapper col6">
   <div id="footer">
-    <div class="footbox posts last">
-      <h2>Navigation</h2>
-      <ul>
-        <li><a href="/">Home</a></li>
-        <li><a href="/nutzungsbedingungen.html">Nutzungsbedingungen</a></li>
-        <li><a href="/datenschutzerklaerung.html">Datenschutzerkl&auml;rung</a></li>
-      </ul>
-    </div>
     <br class="clear">
   </div>
 </div>
 <!-- ####################################################################################################### -->
 <div class="wrapper col7">
   <div id="copyright">
-    <p class="fl_left">&copy; Copyright 2025 FunCh.at</p>
+    <p class="fl_left">&copy; Copyright 2025 FunCh.at</p> <p class="fl_left">|</p> <p class="fl_left"><a href="/t/nutzungsbedingungen.html">Nutzungsbedingungen</a></p>  <p class="fl_left">|</p> <p class="fl_left"><a href="/t/datenschutzerklaerung.html">Datenschutzerkl&auml;rung</a></p>
     <br class="clear">
   </div>
 </div>

themes/funchat/header.tpl

@@ -9,10 +9,10 @@
 {$meta}
 <link href="https://funch.at/chat" rel="Chat">
 <link href="https://funch.at/forum" rel="Forum">
-<link rel="icon" type="image/png" sizes="192x192"  href="{$themepath}/images/android-icon-192x192.png" />
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="{$themepath}/images/favicon-32x32.png" />
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="96x96" href="{$themepath}/images/favicon-96x96.png" />
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="16x16" href="{$themepath}/images/favicon-16x16.png" />
+<link rel="manifest" href="/site.webmanifest">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel="stylesheet" href="{$themepath}/layout/styles/layout.css" type="text/css">
 <link rel="stylesheet" href="/js/odo/odometer-theme-minmal.css" />

themes/funchat/layout/styles/layout.css

@@ -1,163 +1,583 @@
 @charset "utf-8";
 
-
 @import url("navi.css");
 @import url("forms.css");
 @import url("tables.css");
 
-
 @font-face {
-    font-family: Inter;
+  font-family: Inter;
-    src: url("/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf");
+  src: url("/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf");
 }
 
 @font-face {
-    font-family: Inter-italic;
+  font-family: Inter-italic;
-    src: url("/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf");
+  src: url("/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf");
 }
 
-html{overflow-y:scroll;}
+html {
-body{margin:0; padding:0; font-size:13px; font-family:Inter; color:#E5E5E5; background-color:#0A2145;}
+  overflow-y: scroll;
+}
+body {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-family: Inter;
+  color: #e5e5e5;
+  background-color: #0a2145;
+}
 
-.justify{text-align:justify;}
+.justify {
-.bold{font-weight:bold;}
+  text-align: justify;
-.center{text-align:center;}
+}
-.right{text-align:right;}
+.bold {
-.nostart{margin:0; padding:0; list-style-type:none;}
+  font-weight: bold;
+}
+.center {
+  text-align: center;
+}
+.right {
+  text-align: right;
+}
+.nostart {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
 
-.clear{clear:both;}
+.clear {
-br.clear{clear:both; margin-top:-15px;}
+  clear: both;
+}
+br.clear {
+  clear: both;
+  margin-top: -15px;
+}
 
-a{outline:none; text-decoration:none; color:#FEAC46; background-color:#0A2145;}
+a {
+  outline: none;
+  text-decoration: none;
+  color: #feac46;
+  background-color: #0a2145;
+}
 
-.fl_left, .imgl{float:left;}
+.mimg {
-.fl_right, .imgr{float:right;}
+  float: left;
+  clear: left;
+}
 
-img{display:block; margin:0; padding:0; border:none;}
+.fl_left,
-.imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
+.imgl {
-.imgl{margin:0 8px 8px 0; clear:left;}
+  float: left;
-.imgr{margin:0 0 8px 8px; clear:right;}
+}
+.fl_right,
+.imgr {
+  float: right;
+}
+
+img {
+  display: block;
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.imgl,
+.imgr {
+  border: 1px solid #c7c5c8;
+  padding: 5px;
+}
+.imgl {
+  margin: 0 8px 8px 0;
+  clear: left;
+}
+.imgr {
+  margin: 0 0 8px 8px;
+  clear: right;
+}
 
 /* ----------------------------------------------Wrapper------------------------------------- */
 
-div.wrapper{display:block; width:100%; margin:0; text-align:left;}
+div.wrapper {
-div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:normal; line-height:normal;}
+  display: block;
-.col1{color:#666666; background-color:#0A2145;}
+  width: 100%;
-.col2{color:#E5E5E5; background-color:#FEAC46;}
+  margin: 0;
-.col3{color:#E5E5E5; background-color:#0A2145; padding:20px 0; border-bottom:1px solid #FEAC46;}
+  text-align: left;
-.col4{color:#E5E5E5; background-color:#0A2145; border-bottom:1px solid #FEAC46;}
+}
-.col5{color:#E5E5E5; background-color:#0A2145;}
+div.wrapper h1,
-.col6{color:#E5E5E5; background-color:#0A2145; border-top:1px solid #FEAC46; border-bottom:1px solid #FEAC46;}
+div.wrapper h2,
-.col7, .col7 a{color:#666666; background-color:#151515;}
+div.wrapper h3,
+div.wrapper h4,
+div.wrapper h5,
+div.wrapper h6 {
+  margin: 0 0 15px 0;
+  padding: 0;
+  font-size: 20px;
+  font-weight: normal;
+  line-height: normal;
+}
+.col1 {
+  color: #666666;
+  background-color: #0a2145;
+}
+.col2 {
+  color: #e5e5e5;
+  background-color: #feac46;
+}
+.col3 {
+  color: #e5e5e5;
+  background-color: #0a2145;
+  padding: 20px 0;
+  border-bottom: 1px solid #feac46;
+}
+.col4 {
+  color: #e5e5e5;
+  background-color: #0a2145;
+  border-bottom: 1px solid #feac46;
+}
+.col5 {
+  color: #e5e5e5;
+  background-color: #0a2145;
+}
+.col6 {
+  color: #e5e5e5;
+  background-color: #0a2145;
+  border-top: 1px solid #feac46;
+  border-bottom: 1px solid #feac46;
+}
+.col7,
+.col7 a {
+  color: #666666;
+  background-color: #151515;
+}
 
 /* ----------------------------------------------Generalise------------------------------------- */
 
-#header, #topbar, #breadcrumb, #container, .gallery, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;}
+#header,
+#topbar,
+#breadcrumb,
+#container,
+.gallery,
+#footer,
+#copyright {
+  display: block;
+  position: relative;
+  margin: 0 auto;
+}
 
 /* ----------------------------------------------Header------------------------------------- */
 
-#header{padding:2px 0 20px 0;}
+#header {
-#header .fl_left{display:block; float:left; margin-top:17px; overflow:hidden;}
+  padding: 2px 0 20px 0;
-#header .fl_right{display:block; float:right; width:468px; height:60px; margin-top:21px; overflow:hidden;}
+}
-#header h1, #header p, #header ul{margin:0; padding:0; list-style:none; line-height:normal;}
+#header .fl_left {
-#header h1 a{font-size:36px;}
+  display: block;
-#header .fl_left p{margin-top:5px;}
+  float: left;
+  margin-top: 17px;
+  overflow: hidden;
+}
+#header .fl_right {
+  display: block;
+  float: right;
+  width: 468px;
+  height: 60px;
+  margin-top: 21px;
+  overflow: hidden;
+}
+#header h1,
+#header p,
+#header ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  line-height: normal;
+}
+#header h1 a {
+  font-size: 36px;
+}
+#header .fl_left p {
+  margin-top: 5px;
+}
 
 /* ----------------------------------------------Topbar------------------------------------- */
 
-#topbar{padding:0; z-index:1000;}
+#topbar {
-#topbar #search{display:block; float:right; width:243px; margin:15px 0 0 0; padding:0;}
+  padding: 0;
+  z-index: 1000;
+}
+#topbar #search {
+  display: block;
+  float: right;
+  width: 243px;
+  margin: 15px 0 0 0;
+  padding: 0;
+}
 
 /* ----------------------------------------------BreadCrumb------------------------------------- */
 
-#breadcrumb{padding:0;}
+#breadcrumb {
-#breadcrumb ul{margin:0; padding:0; list-style:none;}
+  padding: 0;
-#breadcrumb ul li{display:inline;}
+}
-#breadcrumb ul li.current a{text-decoration:underline;}
+#breadcrumb ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#breadcrumb ul li {
+  display: inline;
+}
+#breadcrumb ul li.current a {
+  text-decoration: underline;
+}
 
 /* ----------------------------------------------Gallery can be used anywhere------------------------------------- */
 
-.gallery{padding:20px 0 30px 0;}
+.gallery {
-.wrapper .gallery h2{display:block; text-align:center; margin:0 0 20px 0; padding:0; color:#2C2C2C; background-color:#0A2145; font-size:86px; text-transform:uppercase; line-height:normal;}
+  padding: 20px 0 30px 0;
-.gallery ul{display:inline; margin:0; padding:0; list-style:none;}
+}
-.gallery ul li{display:block; float:left; margin:0 10px 10px 0;}
+.wrapper .gallery h2 {
-.gallery ul li img{padding:4px; border:1px solid #FEAC46;}
+  display: block;
-.gallery ul li.last{margin-right:0;}
+  text-align: center;
+  margin: 0 0 20px 0;
+  padding: 0;
+  color: #2c2c2c;
+  background-color: #0a2145;
+  font-size: 86px;
+  text-transform: uppercase;
+  line-height: normal;
+}
+.gallery ul {
+  display: inline;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.gallery ul li {
+  display: block;
+  float: left;
+  margin: 0 10px 10px 0;
+}
+.gallery ul li img {
+  padding: 4px;
+  border: 1px solid #feac46;
+}
+.gallery ul li.last {
+  margin-right: 0;
+}
 
 /* ----------------------------------------------Content------------------------------------- */
 
-#container{padding:30px 0;}
+#container {
-#content{display:block; float:left; width:630px;}
+  padding: 30px 20vw;
+}
+#content {
+  display: block;
+  float: left;
+  width: 80%;
+}
 
 /* Homepage */
 
-#featured_post{margin-bottom:45px;}
+#featured_post {
-#featured_post img{display:block; width:620px; height:270px; margin:0; padding:4px; border:1px solid #FEAC46;}
+  margin-bottom: 45px;
-#hpage_latest{display:block; width:100%;}
+}
-#hpage_latest ul{margin:0; padding:0; list-style:none; display:inline;}
+#featured_post img {
-#hpage_latest li{display:block; float:left; width:200px; margin:0 15px 0 0; padding:0;}
+  display: block;
-#hpage_latest li.last{margin-right:0;}
+  width: 620px;
-#hpage_latest img{margin:0; padding:4px; border:1px solid #FEAC46;}
+  height: 270px;
-#hpage_latest .readmore{text-align:right;}
+  margin: 0;
+  padding: 4px;
+  border: 1px solid #feac46;
+}
+#hpage_latest {
+  display: block;
+  width: 100%;
+}
+#hpage_latest ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline;
+}
+#hpage_latest li {
+  display: block;
+  float: left;
+  width: 200px;
+  margin: 0 15px 0 0;
+  padding: 0;
+}
+#hpage_latest li.last {
+  margin-right: 0;
+}
+#hpage_latest img {
+  margin: 0;
+  padding: 4px;
+  border: 1px solid #feac46;
+}
+#hpage_latest .readmore {
+  text-align: right;
+}
 
 /* Comments */
 
-#comments{margin-bottom:40px;}
+#comments {
-#comments .commentlist{margin:0; padding:0;}
+  margin-bottom: 40px;
-#comments .commentlist ul{margin:0; padding:0; list-style:none;}
+}
-#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
+#comments .commentlist {
-#comments .commentlist li.comment_odd{color:#CCCCCC; background-color:#333333;}
+  margin: 0;
-#comments .commentlist li.comment_odd a{color:#FEAC46; background-color:#333333;}
+  padding: 0;
-#comments .commentlist li.comment_even{color:#CCCCCC; background-color:#1E1E1E;}
+}
-#comments .commentlist li.comment_even a{color:#FEAC46; background-color:#1E1E1E;}
+#comments .commentlist ul {
-#comments .commentlist .author .name{font-weight:bold;}
+  margin: 0;
-#comments .commentlist .submitdate{font-size:smaller;}
+  padding: 0;
-#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
+  list-style: none;
-#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}
+}
+#comments .commentlist li.comment_odd,
+#comments .commentlist li.comment_even {
+  margin: 0 0 10px 0;
+  padding: 15px;
+  list-style: none;
+}
+#comments .commentlist li.comment_odd {
+  color: #cccccc;
+  background-color: #333333;
+}
+#comments .commentlist li.comment_odd a {
+  color: #feac46;
+  background-color: #333333;
+}
+#comments .commentlist li.comment_even {
+  color: #cccccc;
+  background-color: #1e1e1e;
+}
+#comments .commentlist li.comment_even a {
+  color: #feac46;
+  background-color: #1e1e1e;
+}
+#comments .commentlist .author .name {
+  font-weight: bold;
+}
+#comments .commentlist .submitdate {
+  font-size: smaller;
+}
+#comments .commentlist p {
+  margin: 10px 5px 10px 0;
+  padding: 0;
+  font-weight: normal;
+  text-transform: none;
+}
+#comments .commentlist li .avatar {
+  float: right;
+  border: 1px solid #eeeeee;
+  margin: 0 0 0 10px;
+}
 
 /* ----------------------------------------------Column------------------------------------- */
 
-#column{display:block; float:right; width:300px;}
+#column {
-#column .holder{display:block; width:260px; margin-bottom:20px; padding-left:10px;}
+  display: block;
-#column .holder, #column #featured{display:block; width:300px; margin-bottom:20px;}
+  float: right;
-#column .holder p{line-height:1.6em;}
+  width: 300px;
-#column h2{font-size:20px;}
+}
-#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:1px dashed #666666;}
+#column .holder {
-#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;}
+  display: block;
-#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
+  width: 260px;
-#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; border:1px solid #666666;}
+  margin-bottom: 20px;
+  padding-left: 10px;
+}
+#column .holder,
+#column #featured {
+  display: block;
+  width: 300px;
+  margin-bottom: 20px;
+}
+#column .holder p {
+  line-height: 1.6em;
+}
+#column h2 {
+  font-size: 20px;
+}
+#column .holder h2.title {
+  display: block;
+  width: 100%;
+  height: 65px;
+  margin: 0;
+  padding: 15px 0 0 0;
+  font-size: 20px;
+  line-height: normal;
+  border-bottom: 1px dashed #666666;
+}
+#column .holder h2.title img {
+  float: left;
+  margin: -15px 8px 0 0;
+  padding: 5px;
+  border: 1px solid #666666;
+}
+#column .holder p.readmore {
+  display: block;
+  width: 100%;
+  font-weight: bold;
+  text-align: right;
+  line-height: normal;
+}
+#column div.imgholder {
+  display: block;
+  width: 290px;
+  margin: 0 0 10px 0;
+  padding: 4px;
+  border: 1px solid #666666;
+}
 
 /* Featured Block */
 
-#column #featured a{color:#BFE009; background-color:#1F1F1F;}
+#column #featured a {
-#column #featured ul, #column #featured h2, #column #featured p{margin:0; padding:0; list-style:none;}
+  color: #bfe009;
-#column #featured li{display:block; width:250px; margin:0; padding:20px 25px; color:#666666; background-color:#1F1F1F;}
+  background-color: #1f1f1f;
-#column #featured li p{line-height:1.6em;}
+}
-#column #featured li p.imgholder{display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; color:#666666; background-color:#333333; border:1px solid #666666;}
+#column #featured ul,
-#column #featured li h2{margin:0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Inter; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;}
+#column #featured h2,
-#column #featured p.readmore{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal;}
+#column #featured p {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+#column #featured li {
+  display: block;
+  width: 250px;
+  margin: 0;
+  padding: 20px 25px;
+  color: #666666;
+  background-color: #1f1f1f;
+}
+#column #featured li p {
+  line-height: 1.6em;
+}
+#column #featured li p.imgholder {
+  display: block;
+  width: 240px;
+  height: 90px;
+  margin: 20px 0 15px 0;
+  padding: 4px;
+  color: #666666;
+  background-color: #333333;
+  border: 1px solid #666666;
+}
+0 #column #featured li h2 {
+  margin: 0;
+  padding: 0 0 14px 0;
+  font-size: 20px;
+  font-weight: normal;
+  font-family: Inter;
+  color: #666666;
+  background-color: #1f1f1f;
+  line-height: normal;
+  border-bottom: 1px dashed #666666;
+}
+#column #featured p.readmore {
+  display: block;
+  width: 100%;
+  margin-top: 15px;
+  font-weight: bold;
+  text-align: right;
+  line-height: normal;
+}
 
 /* Homepage */
 
-#column #latestnews{display:block; width:100%; margin:0; padding:0; list-style:none;}
+#column #latestnews {
-#column #latestnews li{display:block; width:100%; min-height:99px; margin:0 0 25px 0; padding:0 0 15px 0; border-bottom:1px dotted #C7C5C8; overflow:hidden;}
+  display: block;
-#column #latestnews li.last{padding-bottom:0; margin-bottom:0; border-bottom:none;}
+  width: 100%;
-#column #latestnews p{display:inline;}
+  margin: 0;
-#column #latestnews p strong{display:block; margin-bottom:5px;}
+  padding: 0;
-#column #latestnews img{float:left; margin:0 10px 0 0; padding:4px; border:1px solid #FEAC46; clear:left;}
+  list-style: none;
+}
+#column #latestnews li {
+  display: block;
+  width: 100%;
+  min-height: 99px;
+  margin: 0 0 25px 0;
+  padding: 0 0 15px 0;
+  border-bottom: 1px dotted #c7c5c8;
+  overflow: hidden;
+}
+#column #latestnews li.last {
+  padding-bottom: 0;
+  margin-bottom: 0;
+  border-bottom: none;
+}
+#column #latestnews p {
+  display: inline;
+}
+#column #latestnews p strong {
+  display: block;
+  margin-bottom: 5px;
+}
+#column #latestnews img {
+  float: left;
+  margin: 0 10px 0 0;
+  padding: 4px;
+  border: 1px solid #feac46;
+  clear: left;
+}
 
 /* ----------------------------------------------Footer------------------------------------- */
 
-#footer{padding:30px 0;}
+#footer {
-#footer h2, #footer p, #footer ul, #footer a{margin:0; padding:0; font-weight:normal; list-style:none; line-height:normal;}
+  padding: 30px 0;
-#footer h2{padding:0 0 5px 0; color:#585858; background-color:#0A2145; border-bottom:1px dotted #585858; font-size:16px; font-weight:bold; margin-bottom:20px;}
+}
-#footer li{margin-bottom:15px;}
+#footer h2,
-#footer .footbox{display:block; float:left; width:210px; margin:0 40px 0 0; padding:0;}
+#footer p,
-#footer .flickr li{display:block; float:left; width:80px; height:80px; margin:0 7px 15px 7px; padding:4px; border:1px solid #FEAC46;}
+#footer ul,
-#footer .banners li{display:block; width:200px; height:150px; margin:0 0 15px 0; padding:4px; border:1px solid #FEAC46;}
+#footer a {
-#footer .last{margin:0;}
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+  list-style: none;
+  line-height: normal;
+}
+#footer h2 {
+  padding: 0 0 5px 0;
+  color: #585858;
+  background-color: #0a2145;
+  border-bottom: 1px dotted #585858;
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+#footer li {
+  margin-bottom: 15px;
+}
+#footer .footbox {
+  display: block;
+  float: left;
+  width: 210px;
+  margin: 0 40px 0 0;
+  padding: 0;
+}
+#footer .flickr li {
+  display: block;
+  float: left;
+  width: 80px;
+  height: 80px;
+  margin: 0 7px 15px 7px;
+  padding: 4px;
+  border: 1px solid #feac46;
+}
+#footer .banners li {
+  display: block;
+  width: 200px;
+  height: 150px;
+  margin: 0 0 15px 0;
+  padding: 4px;
+  border: 1px solid #feac46;
+}
+#footer .last {
+  margin: 0;
+}
 
 /* ----------------------------------------------Copyright------------------------------------- */
 
-#copyright{padding:15px 0;}
+#copyright {
-#copyright p{margin:0; padding:0;}
+  padding: 15px 0;
+}
+#copyright p {
+  margin: 0;
+  padding: 0;
+}

themes/funchat/nav_welcome.tpl

@@ -1,8 +1,8 @@
 <div class="subnav">
 <h5>Hallo, {$username}</h5>
 {if $admincenter==1}
-<a href="{$path}admin/index.php"><img src="{$path}themes/default/images/icons/cog_edit.png"> Admincenter</a><br>
+<a href="{$path}admin/index.php"><img class="mimg" src="{$path}themes/default/images/icons/cog_edit.png"> Admincenter</a><br>
 {/if}
-<a href="{$path}usercp.php"><img src="{$path}themes/default/images/icons/user.png" />  User-CP</a><br class="hide">
+<a href="{$path}forum/usercp.php"><img class="mimg" src="{$path}themes/default/images/icons/user.png" />  User-CP</a><br class="hide">
-<a href="{$path}logout.php?action=logout&amp;sid={$sid}"><img src="{$path}themes/default/images/icons/door_out.png">  Ausloggen</a><br class="hide">
+<a href="{$path}logout.php?action=logout&amp;sid={$sid}"><img class="mimg" src="{$path}themes/default/images/icons/door_out.png">  Ausloggen</a><br class="hide">
 </div>