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 = 0
                showLogoutFormAfterLogin = 0
                noSuccessMessageAfterLogin = 0
                dateFormat = d.m.Y
 
                redirectMode = login
                #_CSS_DEFAULT_STYLE >        
 
        }    
    }    
 
[loginUser = *]
page.10.subparts.LOGOUT = COA_INT
page.10.subparts.LOGOUT {
 
  10 = TEXT
  10.data = TSFE:fe_user|user|name
  10.wrap = Sie sind eingeloggt als:|
 
  20 = TEXT
  20.value = <input type="submit" value="Abmelden" />
  20.typolink.parameter.data = TSFE:id
  20.typolink.additionalParams = &logintype=logout
  20.typolink.title = abmelden
  20.wrap = <div class="logout">|</div>
}
[end]
  }
}

<div id="center">
        <div id="logo">###LOGO###</div>
        <div class="logout">
            <!-- ###LOGOUT### start -->
            <!-- ###LOGOUT### stop -->
        </div>
        <div class="login">
            <!-- ###LOGIN### start -->
            <!-- ###LOGIN### stop -->
        </div>