page.10.subparts.LOGIN = COA
    page.10.subparts.LOGIN {
        wrap = <div class="wrapper">|</div>
 
        30 = COA
        30 {
            10 = TEXT
            10.wrap = <a href="#" id="loginButton" class="h-button"><span>|</span></a>
            10.value = Login
 
 
 
            20 = COA
            20 {
                wrap = <div id="loginBox"> | </div>
                10 < plugin.tx_felogin_pi1
                10 {
                feloginBaseURL = xxx
                storagePid = 132
                templateFile = fileadmin/template/felogin/felogin_standard.html
                showForgotPasswordLink = 1
                #welcomeHeader_stdWrap >
                #welcomeMessage_stdWrap >
                #logoutHeader_stdWrap >
                #logoutHeader_stdWrap >
                #successHeader_stdWrap >
 
                showLogoutFormAfterLogin = 1
                noSuccessMessageAfterLogin = 1
                dateFormat = d.m.Y
 
                redirectMode = login
                #_CSS_DEFAULT_STYLE >        
 
        }    
    }    
 
 
page.jsFooterInline.1234567890  = COA
 
page.jsFooterInline.1234567890  {
 
        30 = TEXT
        30.value (
            <script type="text/javascript">
                $(function() {
                    var button = $('#loginButton');
                    var box = $('#loginBox');
                    var form = $('#loginForm');
                    button.removeAttr('href');
                    button.mouseup(function(login) {
                        box.toggle();
                        button.toggleClass('active');
                    });
                    form.mouseup(function() {
                        return false;
                        });
                    $(document).mouseup(function(login) {
                        if(!($(login.target).parents('#loginButton').length > 0)) {
                            button.removeClass('active');
                            box.hide();
                        }
                    });
                });
 
            </script>    
        )
 
 
    }

<!-- ###DOKUMENT### begin -->
<style type="text/css">
    #search {
    }
    #search input[type="text"] {
    background: url(http://localhost/typo3/fileadmin/template/img/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 80px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }
    #search input[type="text"]:focus {
    width: 130px;
    }
</style>
<script type="text/javascript" src="fileadmin/template/js/hoverIntent.js"></script>
<script type="text/javascript" src="fileadmin/template/js/superfish.js"></script>
<script type="text/javascript" src="fileadmin/template/js/supersubs.js"></script>
<script type="text/javascript" src="fileadmin/template/js/login.js"></script>
<script type="text/javascript">
    // initialise plugins
    $(document).ready(function(){ 
            $("ul.sf-menu&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />.supersubs({ 
                minWidth:    11,   // minimum width of sub-menus in em units 
                maxWidth:    27,   // maximum width of sub-menus in em units 
                extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                                   // due to slight rounding differences and font-family 
            }).superfish({
                    animation:   {opacity:'toggle',height:'show',width:'show'},
                    speed: 'fast'
                });  // call supersubs first, then superfish, so that subs are 
                             // not display:none when measuring. Call before initialising 
                             // containing tabs for same reason. 
        }); 
 
</script>
<div id="center">
        <div id="logo">###LOGO###</div>
        <div class="login">
            <!-- ###LOGIN### start -->
            Hier erscheint das Login-Formular im Template
            <!-- ###LOGIN### stop -->
        </div>
    <div id="head">
    </div>
    <div id="navigation">###NAVI###</div>
    <div id="headerbild">###HEADERBILD###</div>
    <div id="suchform">
        <form method="post" action="http://localhost/typo3/index.php?id=78" id="search">
            <input type="text" size="10" title="" value="" name="tx_indexedsearch[sword]" class="searchbox" placeholder="Suche..." />
            <input type="hidden" value="1" name="tx_indexedsearch[type]" />
            <input type="hidden" name="tx_indexedsearch[lang]" value="0" />
            <input type="hidden" value="1" name="no_cache" />
        </form>
    </div>
    <div style="clear:both;"></div>
    <div id="headernavi">###HEADERNAVI###</div>
    <div id="content">
        <div id="con-left-right">
            <div id="con-left">###CONTENT###</div>
            <div id="con-right">###RIGHT###</div>
        </div>
        <div id="footer">
            ###FOOTER###<br style="clear:both;" />
        </div>
    </div>
</div>
<!-- ###DOKUMENT### end