<xsl:template match="TEI:note[@type='readMore']"/>    
    
    <xsl:template match="TEI:p[@rend]">
        <div class="{@rend}">
            <xsl:apply-templates/>
            <xsl:if test="following-sibling::*[local-name()='note' and @type='readMore' and position()=1]">
                <span class="app">
                    <xsl:text> </xsl:text>
                    <span class="plus" onclick="showhide(this,'more{generate-id()}')">Læs mere +</span>
                    <div id="more{generate-id()}" class="appInvisible">
                        <div class="readMore">
                            <xsl:apply-templates select="following-sibling::TEI:note[local-name()='note' and @type='readMore' and position()=1]/node()"/>
                        </div>
                    </div>
                </span>
            </xsl:if>
        </div>
    </xsl:template>

a.app 
        {
        color: green;
        font-size: 100%;
        text-decoration: none;
        }

div.appInvisible
         {
         display: none;
         font-size: 100%;
         line-height: 100%;
         margin: 0.5em 0em 1em 1em;
         text-align: justify;
         }

.plus
          {
          background-color: white;
          color: green;
          cursor: pointer;
          font-family: "New Times Roman";
          text-align: center;
          }
.plus
          {
          background-color: none;
          color: green;
          cursor: pointer;
          font-family: "Georgia";
          text-align: center;
          }
.plus
          {
         
          color: green;
          cursor: pointer;
          font-family: "Georgia";
          text-align: center;
          }
.plus
          {
         
          color: green;
          cursor: pointer;
          font-family: "Georgia";
          text-align: center;
          }
mainTxr .plus
          {
          color: green;
          cursor: pointer;
          font-family: "Georgia";
          text-align: center;
          }
mainTxr .plus
          {
          color: green;
          cursor: pointer;
          font-family: "Georgia";
          text-align: center;
          }
.mainTxr .noIndent        
        {
        margin: 1em;
        text-align: justify;
        }
.mainTxr div.noIndent
        {
        text-indent: 1em;
        text-align: justify;
        }
.mainTxr .readMore
        {
        margin: 1em;
        text-align: justify;
        }
.mainTxr .firstIndent, .noIndent
        {
        margin: 1em 0em 1em 0em;
        }

        margin: 1em;
        text-align: justify;

        line-height: 1.4em;
        font-size: 0.8em;
.mainTxr .firstIndent, .noIndent
        {
        font-size: 14px;
        line-height: 100%;        
        margin: 1em;
        text-align: justify;
        }
.mainTxr .firstIndent, .noIndent
        {
        font-size: 14px;
        line-height: 100%;        
        margin: 1em;
        text-align: justify;
        }
.mainTxr .firstIndent, .noIndent
        {
        font-size: 14px;
        line-height: 100%;        
        margin: 1em;
        text-align: justify;
        }
.kommentar .readMore
        {
        margin: 2em 2em 2em 2em;
        text-align: justify;
        }
        
.kommentar .readMoreP
        {
        margin-right: 2em;
        text-align: justify;
        }
.kommentar .plusComment 
        {        
        color: green;
        cursor: pointer;
        font-family: "Georgia";
        text-align: center;
        }


.kommentar a.app 
        {
        color: green;
        font-size: 100%;
        text-decoration: none;
        }

div.appInvisible
         {
         display: none;
         font-size: 100%;
         line-height: 100%;
         margin: 0.5em 0em 1em 1em;
         text-align: justify;
         }

.kommentar .plus
          {
          color: green;
          cursor: pointer;
          font-family: "Georgia";
          text-align: center;
          }
        
.kommentar .readMore i 
        {
        display:none;
        }