<?php

if (!defined("IN_FUSION")) { die("Access Denied"); }



require_once INCLUDES."theme_functions_include.php";



define("THEME_WIDTH", "982px");



define("THEME_BULLET", "<span class='bullet'>&middot;</span>");

define("THEME_MENUE", "<span class='menue'><img src='".THEME."images/bullet.gif' width='2' height='44' /></span>");



function render_page($license=false) {

   

   global $settings, $main_style, $locale;



   //Header

  echo "<div class='headerlogin'>\n";

  echo "   <div class='headerlogin1'>Kundenlogin</div>\n";

  echo "  <div class='headerlogin2'>Registrieren</div>\n";

  echo "</div>\n";

  echo "<div class='header'>\n".showbanners()."\n</div>\n";

   // SubHeader 

  echo "<div class='sub-header'>\n";

  echo "<div>".showsublinks(" ".THEME_MENUE." ", "white")."</div></div>\n";

  echo "</div>\n";

  

  echo "<div class='content'>".U_CENTER.CONTENT.L_CENTER."</div>\n";

  echo "<div class='partnera'></div>\n";

  echo "<div class='spacerp'><img src='".THEME."images/spacerp.gif' width='20' height='1' /></div>\n";

  echo "<div class='partnerb'></div>\n";

  if (LEFT) { echo "<div class='partnera' 'side-border-left' valign='top'>".LEFT."</div>\n"; }

  if (RIGHT) { echo "<div class='partnerb' 'side-border-right' valign='top'>".RIGHT."</div>\n"; }



   



   echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";

   echo "<td align='center' class='main-footer'>".stripslashes($settings['footer']);

   if (!$license) { echo "<br /><br />\n".showcopyright(); }

   echo "</td>\n";

   echo "</tr>\n</table>\n";



}



function render_news($subject, $news, $info) {



   echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";

   echo "<td class='capmain-left'></td>\n";

   echo "<td class='capmain'>".$subject."</td>\n";

   echo "<td class='capmain-right'></td>\n";

   echo "</tr>\n</table>\n";

   echo "<table width='100%' border='0' cellspacing='0' cellpadding='0'>\n";

       echo "<tr>\n";

   echo "<th class='left'></th>\n";

   echo "<th class='main-body middle-border'>".$news."</th>\n";

   echo "<th class='right'></th>\n";

   echo "</tr>\n";

   echo "<tr>\n";

       echo "<th class='left'></th>\n";

       echo "<th class='main-body middle-border'>\n";

       echo newsposter($info," &middot;").newsopts($info,"&middot;").itemoptions("N",$info['news_id']);

       echo "</th>\n";

    echo "<th class='right'></th>\n";

     echo "</tr>\n";

     echo "<tr>\n";

       echo "<th class='leftv'></th>\n";

       echo "<th class='midv'></th>\n";

       echo "<th class='rightv'></th>\n";

     echo "</tr>\n";

   echo "</table>\n";

}



function render_article($subject, $article, $info) {

   

   echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";

   echo "<td class='capmain-left'></td>\n";

   echo "<td class='capmain'>".$subject."</td>\n";

   echo "<td class='capmain-right'></td>\n";

   echo "</tr>\n</table>\n";

   echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";

   echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";

   echo "</tr>\n<tr>\n";

   echo "<td align='center' class='news-footer'>\n";

   echo articleposter($info," &middot;").articleopts($info,"&middot;").itemoptions("A",$info['article_id']);

   echo "</td>\n</tr>\n</table>\n";



}

function opentable($title) {



   echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";

   echo "<td class='capmain-left'></td>\n";

   echo "<td class='capmain'>".$title."</td>\n";

   echo "<td class='capmain-right'></td>\n";

   echo "</tr>\n</table>\n";

   echo "<table width='100%' border='0' cellspacing='0' cellpadding='0'>\n";

     echo "<tr>\n";

       echo "<th class='left'></th>\n";

       echo "<th class='main-body'>\n";

   

}



function closetable() {



   echo "</th>\n";

    echo "<th class='right'></th>\n";

     echo "</tr>\n";

     echo "<tr>\n";

       echo "<th class='leftv'></th>\n";

       echo "<th class='midv'></th>\n";

       echo "<th class='rightv'></th>\n";

     echo "</tr>\n";

   echo "</table>\n";

}



function openside($title, $collapse = false, $state = "on") {



   global $panel_collapse; $panel_collapse = $collapse;

   

   echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";

   echo "<td class='scapmain-left'></td>\n";

   echo "<td class='scapmain'>$title</td>\n";

   if ($collapse == true) {

      $boxname = str_replace(" ", "", $title);

      echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";

   }

   echo "<td class='scapmain-right'></td>\n";

   echo "</tr>\n</table>\n";

   echo "<table width='100%' border='0' cellspacing='0' cellpadding='0'>\n";

     echo "<tr>\n";

       echo "<th class='left'></th>\n";

       echo "<th class='side-body'>\n";   

   if ($collapse == true) { echo panelstate($state, $boxname); }



}



function closeside($panel_collapse = true) {

   

   global $panel_collapse;



   if ($panel_collapse == true) { echo "</div>\n"; }

   

   echo "</th>\n";

    echo "<th class='right'></th>\n";

     echo "</tr>\n";

     echo "<tr>\n";

       echo "<th class='leftv'></th>\n";

       echo "<th class='midv'></th>\n";

       echo "<th class='rightv'></th>\n";

     echo "</tr>\n";

   echo "</table>\n";

   

}

?>

body {

   font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;

   padding: 0;

   background-image: url(images/headerbg.gif);

   background-repeat: no-repeat;

   width: 982px;

   margin-top: 0;

   margin-right: auto;

   margin-bottom: 0;

   margin-left: auto;

}



/* ~~ Element-/Tag-Selektoren ~~ */

ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */

   padding: 0;

   margin: 0;

}

h1, h2, h3, h4, h5, h6, p {

   margin-top: 0;    /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */

   padding-right: 15px;

   padding-left: 15px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */

}



/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */

.container {

   width: 982px; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */

   margin-top: 0;

   margin-right: auto;

   margin-bottom: 0;

   margin-left: auto;

}



/* ~~ Für die Kopfzeile wird keine Breite angegeben. Sie erstreckt sich über die gesamte Breite des Layouts. Sie enthält einen Bild-Platzhalter, der durch Ihr eigenes, mit Hyperlink versehenes Logo ersetzt werden sollte. ~~ */

.header {

   height: 76px;

   padding-top: 30px;

}

.headerlogin {

   float: right;

   height: 27px;

   width: 221px;

   background-image: url(images/bg-log_be.gif);

   font-family: Tahoma, Geneva, sans-serif;

   font-size: 70%;

   color: #FFF;

}

.headerlogin1 {

   float: left;

   padding-top: 4px;

   padding-left: 36px;

}

.headerlogin2 {

   float: right;

   width: 70px;

   padding-top: 4px;

}



.sub-header {

   font-family : Tahoma, Geneva, sans-serif;

   font-size : 10px;

   background-image: url(images/bg-men.gif);

   height: 44px;

   background-repeat: no-repeat;

   text-align: center;

   font-style: oblique;

   padding-top: 15px;

   padding-left: 15px;

}



.sub-header ul{

   margin: 0;

   padding: 0;

}



.sub-header ul li{

   display: inline;

}

.sub-header ul li.first-link .bullet{

   display: none;

}

.sub-header ul li.first-link .menue{

   display: none;

}

.sub-header ul li.first-link span.menue{



}

.header2 {

   height: 373px;

}

.partnera {

   width: 481px;

   float: left;

   background-image: url(images/partnerbox.gif);

   background-repeat: no-repeat;

   height: 342px;

   background-repeat: no-repeat;

   background-position: left;

}

.partnerb {

   width: 481px;

   float: left;

   background-image: url(images/partnerbox.gif);

   height: 343px;

   background-repeat: no-repeat;

   background-position: right;

}





/* ~~ Dies sind die Layoutinformationen. ~~ 



1) Eine Auffüllung wird nur oben und/oder unten im div-Tag positioniert. Die Elemente innerhalb dieses div-Tags verfügen über eine seitliche Auffüllung. Dadurch müssen Sie keine Box-Modell-Berechnungen durchführen. Zu beachten: Wenn Sie dem div-Tag eine seitliche Auffüllung oder einen Rahmen hinzufügen, werden diese zu der festgelegten Breite addiert und ergeben die *gesamte* Breite. Sie können auch die Auffüllung für das Element im div-Tag entfernen und ein zweites div-Tag ohne Breite und mit der gewünschten Auffüllung im ersten div-Tag einfügen.



*/



.content {



   padding: 10px 0;

}

.spacerp {

   float: left;

   width: 20px;

}





/* ~~ Fußzeile ~~ */

.footer {

   padding: 10px 0;

   background: #CCC49F;

}



/* ~~ Verschiedene float/clear-Klassen ~~ */

.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */

   float: right;

   margin-left: 8px;

}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */

   float: left;

   margin-right: 8px;

}

.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */

   clear:both;

   height:0;

   font-size: 1px;

   line-height: 0px;

}

a {

   color : #39C;

   text-decoration : none;

}



a:hover {

   color : #000;

   text-decoration : none;

}



a.side {

   color : #356481;

   text-decoration : none;

}



a:hover.side {

   color : #356481;

   text-decoration : none;

}



a.white {

   color : #ccc;

   text-decoration : none;

}



a:hover.white {

   color : #ccc;

   text-decoration :none;

}



.contenti {

   margin-right: auto;

   margin-left: auto;

}



form {

   margin : 2px;

}



hr {

   height : 1px;

   border : 1px solid #eee;

}



hr.side-hr {

   height : 1px;

   border : 1px solid #eee;

}



td {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 11px;

}



pre {

   font-family : Verdana, Tahoma, Arial, Sans-Serif;

   font-size : 11px;

}



.alt {

   color : #555;

}

 

.outer-border {

   border : 1px solid #000;

}



.full-header {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 10px;

   color : #ddd;

   padding : 10px;

}



.footer {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 10px;

   color : #555;



   border : 1px solid #ccc;

   padding : 5px;

}



.admin-message {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 11px;

   text-align : center;

   color : #555;

   border : 1px solid #e1e1e1;

   padding : 3px 4px 5px 4px;

   margin-bottom : 5px;

}



.button {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 10px;

   color : #555;

   height : 20px;

   border : 1px solid #ccc;

   margin-top : 2px;

}



.bbcode {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 10px;

   color : #555;

   border : 1px solid #ccc;

   margin-top : 2px;

}



.textbox {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 10px;

   color : #555;

   border : 1px solid #ccc;

}



.main-body {

   font-size : 11px;

   color : #555;

   padding : 4px 4px 5px 4px;

}



.side-body {

   font-size : 10px;

   color : #777;

   padding : 4px;

}



#main-bg {

   color : #555;

   padding : 10px 5px 5px 5px;

   text-align:left;

}



.side-both #main-bg {margin: 0 187px;}

.side-left #main-bg {margin-left: 187px;}

.side-right #main-bg {margin-right: 187px;}

.side-left #side-border-right {display:none;}

.side-right #side-border-left {display:none;}



.center {

   margin : 0 auto;

}

   

* html #main-bg{

   width:500px;

   height: 0px;   

}



.border {

   border : 1px solid #e1e1e1;

   margin-bottom : 5px;

}



#side-border-left {

   color : #777;

   float:left;

   padding : 10px 10px 10px 10px;

   width: 175px;

   text-align:left;

}



#side-border-right {

   color : #777;

   float:right;

   padding : 10px 10px 10px 10px;

   width: 175px;

   text-align:left;

}



.news-category {

   border:0;

   margin:3px 5px 0 0;

   float:left;

}



.news-footer {

   text-align: center;

   font-size : 10px;

   color : #555;

   padding : 3px 4px 4px 4px;

}



.barmain {

   font-family : Verdana, Tahoma, Arial, Sans-Serif;

   font-size : 10px;

   color : #aaa;

   padding : 4px;

}



.capmain {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 15px;

   font-weight : bold;

   color : #666;

   padding : 4px;

   text-align:left;



}



.scapmain {

   font-family : Verdana, Arial, Helvetica, sans-serif;

   font-size : 15px;

   font-weight : bold;

   color : #666;

   border-bottom : 1px solid #e1e1e1;

   padding : 4px 4px 4px 4px;

   text-align:left;

}



.tbl-border {

   border : 1px solid #e1e1e1;

}



.tbl {

   font-size : 11px;

   color : #555;

   padding : 4px;

   border : 1px solid #e1e1e1;

}



.tbl1 {

   font-size : 11px;

   color : #555;

   padding : 4px;

   border : 1px solid #e1e1e1;

}



.tbl2 {

   font-size : 11px;

   color : #555;

   padding : 4px;

}



.forum-caption {

   font-size : 11px;

   font-weight : bold;

   color : #888;

   padding : 2px 4px 4px 4px;

}



.quote {

   font-size : 11px;

   color : #555;

   padding : 4px;

   margin : 0px 20px 0px 20px;

   border : 1px solid #bbb;

}



.poll {

   height : 12px;

   border : 1px solid #bbb;

}



.comment-name {

   font-weight : bold;

   color : #005599;

}



.shoutboxname {

   font-weight : bold;

   color : #005599;

}



.shoutbox {

   color : #777;

}



.shoutboxdate {

   font-size : 10px;

   color : #888;

}



.small {

   font-size : 10px;

   font-weight : normal;

}



.small2 {

   font-size : 10px;

   font-weight : normal;

   color : #555;

}



.side-small {

   font-size : 10px;

   font-weight : normal;

   color : #555;

}



.side-label {

   color : #555;

   padding : 2px 2px 3px 2px;

}



/* Vertical Navigation */



#navigation h2 {

   font-size: 10px;

   color : #555;

   margin: 0;

   padding: 4px;

}

   

#navigation ul {

   margin: 0;

   padding: 0;

   list-style-type: none;

}



* html #navigation ul li{

   height: 1%;

}



#navigation a {

   display: block;

   color: #005599;

   padding: 2px;

   text-decoration : none;

}



#navigation a:hover {

   color: #f6f6f6;

}



/* Page Navigation */





.pagenav {

   padding: 0.4em;

}



.pagenav span {

   color: #fff;

   border: 1px solid #e1e1e1;

   padding: 0.2em 0.4em 0.2em 0.4em;

   margin: 0.2em;

}



.pagenav a {

   color: #005599;

   border: 1px solid #e1e1e1;

   padding: 0.2em 0.4em 0.2em 0.4em;

   margin: 0.2em;

   text-decoration: none;

}



.pagenav a:hover {

   color: #fff;

   margin: 0.2em;

   text-decoration: none;

}





/*Helpers*/

.center {margin: 0 auto;}

.content_center {text-align: center;}

.flleft {float: left;}

.flright {float: right;}

.clear {clear: both;}





/*IE Fixes*/

* html #main-bg {

   height: 1%;

   width: auto;

}

.clearfix:after {

   content:".";

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */

.floatfix {overflow:hidden;}

* html .floatfix {width:100%;}

.center, *[align="center"] {margin: 0 auto;}