Merge branch 'master' of ssh://git.eclipse.org:29418/openk-usermodules/org.eclipse.openk-usermodules.plannedGridMeasures.frontend
diff --git a/src/app/common-components/buttons-container/buttons-container.component.html b/src/app/common-components/buttons-container/buttons-container.component.html
index f46de7c..c95d300 100644
--- a/src/app/common-components/buttons-container/buttons-container.component.html
+++ b/src/app/common-components/buttons-container/buttons-container.component.html
@@ -16,9 +16,6 @@
 <div class="button-container col-md-12">
   <button id="quit" (click)="onClickEvents('quit')" type="button" class="btn btn-primary pull-left">{{Globals.STATUS_BUTTON_LABEL['quit']}}</button>
 
-  <!-- <button id="cancel" *ngIf="!hideCancelButtonForStatus && !hideCancelButtonForRole" (click)="onClickEvents('cancel')" type="button"
-    class="btn btn-primary pull-left">{{Globals.STATUS_BUTTON_LABEL['cancel']}}</button> -->
-
   <button id="reject" *ngIf="!hideRejectButton" (click)="onClickEvents('reject')" type="button" class="btn btn-primary pull-left">{{Globals.STATUS_BUTTON_LABEL['reject']}}</button>
 
   <button id="save" *ngIf="!hideSaveButton" (click)="onClickEvents('save')" type="button" class="btn btn-primary pull-right"
@@ -29,4 +26,4 @@
 
   <button id="duplicate" *ngIf="!hideDuplicateButtonForRole" (click)="onClickEvents('duplicate')" type="button" class="btn btn-primary pull-right btn-margin-right">{{Globals.STATUS_BUTTON_LABEL['duplicate']}}</button>
 
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/common-components/main-navigation/main-navigation.component.css b/src/app/common-components/main-navigation/main-navigation.component.css
index cf0cfa1..c513def 100644
--- a/src/app/common-components/main-navigation/main-navigation.component.css
+++ b/src/app/common-components/main-navigation/main-navigation.component.css
@@ -13,7 +13,6 @@
  *******************************************************************************
 */
 
-
 .navbar-nav {
     display: inline-flex;
 }
@@ -88,3 +87,11 @@
 .version-info-simple {
     position: inherit;
 }
+
+.navbar-btn {
+    cursor: none;
+}
+
+#homeBtn {
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/app/common-components/main-navigation/main-navigation.component.html b/src/app/common-components/main-navigation/main-navigation.component.html
index a0689e1..4875765 100644
--- a/src/app/common-components/main-navigation/main-navigation.component.html
+++ b/src/app/common-components/main-navigation/main-navigation.component.html
@@ -34,7 +34,7 @@
       </div>
 
       <div>
-        <button type="button" class="btn btn-link navbar-btn" (click)="goToOverview()">
+        <button type="button" class="btn btn-link navbar-btn" id="homeBtn" (click)="goToOverview()">
           <span class="glyphicon glyphicon-home active-navitem-hover" [ngClass]="{'active-navitem': router.url === '/overview'}"></span>
         </button>
       </div>
@@ -60,4 +60,4 @@
     </div>
   </div>
   <app-version-info class="version-info-simple"></app-version-info>
-</nav>
+</nav>
\ No newline at end of file
diff --git a/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts b/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts
index 17e0520..2e5d134 100644
--- a/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts
+++ b/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts
@@ -48,12 +48,12 @@
             !params.context.componentParent.sessionContext.isLocked() &&
             !params.context.componentParent.sessionContext.isReadOnlyForStatus(params.context.componentParent.gridMeasureDetail) ?
             '<span style="cursor: default;">' +
-            '<button id="modeButton" class="btn btn-danger btn-sm" >' +
+            '<button type="button" id="modeButton" class="btn btn-danger btn-sm" >' +
             '<span class="glyphicon glyphicon-trash"></span>' +
             '</button>' +
             '</span>' :
             '<span style="cursor: not-allowed;">' +
-            '<button id="modeButton" class="btn btn-default btn-sm" disabled>' +
+            '<button type="button" id="modeButton" class="btn btn-default btn-sm" disabled>' +
             '<span class="glyphicon glyphicon-trash"></span>' +
             '</button></span>';
         span.innerHTML = '<span style="cursor: default;">' +
diff --git a/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts b/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts
index 044823f..f1da20a 100644
--- a/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts
+++ b/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts
@@ -191,25 +191,24 @@
     private static modeCellRenderer(params) {
         const viewBtnStyle = 'style="width: 32px;height: 28px;"';
         const editBtnStyle = 'style="width: 32px;height: 28px;"';
-        const cancelBtnDisabledStyle = 'style="background-color:white;color:grey;width: 32px;height: 28px;"';
-        const cancelBtnStyle = 'style="background-color:#f79e60;width: 32px;height: 28px;"';
         if (!params || !params.data) {
             return;
         }
         const isEditMode = params.context.componentParent.modeValidator.isEditModeAllowed(params.data.statusId);
         const isCancelAllowed = params.context.componentParent.modeValidator.isCancelAllowed(params.data);
         const span = document.createElement('span');
-        const modeHtmlTemplate = isEditMode ? '<button id="modeButton" class="btn btn-primary btn-sm" ' + editBtnStyle + ' >' +
+        const modeHtmlTemplate = isEditMode ? '<button type="button" id="modeButton" class="btn btn-primary btn-sm" '
+            + editBtnStyle + ' >' +
             '<span class="glyphicon glyphicon-pencil"></span>' +
             '</button>' :
             '<button id="modeButton" class="btn btn-default btn-sm"' + viewBtnStyle + ' >' +
             '<span class="glyphicon glyphicon-eye-open"></span>' +
             '</button>';
         const cancelHtmlTemplate = isCancelAllowed ?
-            '<button id="cancelButton" class="btn btn-warning btn-sm"' + cancelBtnStyle + '>' +
+            '<button type="button" id="cancelButton" class="btn btn-warning btn-sm cancelBtn">' +
             '<span class="glyphicon glyphicon-remove"></span>' +
             '</button>' :
-            '<button id="cancelButton" class="btn btn-warning btn-sm" disabled="disabled"' + cancelBtnDisabledStyle + '>' +
+            '<button type="button" id="cancelButton" class="btn btn-warning btn-sm cancelBtnDisabled" disabled="disabled">' +
             '<span class="glyphicon glyphicon-remove"></span>' +
             '</button>';
         span.innerHTML = '<span style="cursor: default;">' +
diff --git a/src/app/lists/grid-measures/grid-measures.component.css b/src/app/lists/grid-measures/grid-measures.component.css
index e6341a2..cc9f6b6 100644
--- a/src/app/lists/grid-measures/grid-measures.component.css
+++ b/src/app/lists/grid-measures/grid-measures.component.css
@@ -13,7 +13,6 @@
  *******************************************************************************
 */
 
-
 .ag-theme-balham,
 ag-header {
     font-size: 14px;
@@ -108,4 +107,4 @@
 
 .slider.round:before {
     border-radius: 50%;
-}
+}
\ No newline at end of file
diff --git a/src/app/lists/grid-measures/grid-measures.component.html b/src/app/lists/grid-measures/grid-measures.component.html
index e49c3a5..9e770b4 100644
--- a/src/app/lists/grid-measures/grid-measures.component.html
+++ b/src/app/lists/grid-measures/grid-measures.component.html
@@ -44,7 +44,7 @@
       <label>Stornierte</label>
     </div>
     <div class="save-filter ">
-      <button [disabled]="!settingsIsDirty" type="button " class="btn btn-default btn-sm " (click)="saveSettings()
+      <button [disabled]="!settingsIsDirty" type="button" class="btn btn-default btn-sm" (click)="saveSettings()
           "
         title="Einstellungen speichern ">
         <i class="fa fa-floppy-o fa-lg " aria-hidden="true "></i>Filter Speichern
@@ -59,4 +59,4 @@
       <app-loading-spinner *ngIf="showSpinner "></app-loading-spinner>
     </div>
   </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/lists/grid-measures/grid-measures.component.ts b/src/app/lists/grid-measures/grid-measures.component.ts
index af8ea89..e4de463 100644
--- a/src/app/lists/grid-measures/grid-measures.component.ts
+++ b/src/app/lists/grid-measures/grid-measures.component.ts
@@ -81,6 +81,11 @@
     });
 
     this.sessionContext.setStatusMainFilter(this.statusMainFilter);
+
+    if (this.gridApi) {
+      this.gridApi.setFilterModel(this.filteringSearchText);
+      this.gridApi.onFilterChanged();
+    }
   }
 
   setDirty() {
diff --git a/src/app/lists/steps/steps-ag-grid-configuration.ts b/src/app/lists/steps/steps-ag-grid-configuration.ts
index 36f549d..4ef1f8b 100644
--- a/src/app/lists/steps/steps-ag-grid-configuration.ts
+++ b/src/app/lists/steps/steps-ag-grid-configuration.ts
@@ -110,12 +110,12 @@
             !params.context.componentParent.sessionContext.isLocked() &&
             !params.context.componentParent.sessionContext.isReadOnlyForStatus(params.context.componentParent.gridMeasureDetail) ?
             '<span style="cursor: default;">' +
-            '<button id="modeButton" class="btn btn-danger btn-sm" >' +
+            '<button type="button" id="modeButton" class="btn btn-danger btn-sm" >' +
             '<span class="glyphicon glyphicon-trash"></span>' +
             '</button>' +
             '</span>' :
             '<span style="cursor: not-allowed;">' +
-            '<button id="modeButton" class="btn btn-default btn-sm" disabled>' +
+            '<button type="button" id="modeButton" class="btn btn-default btn-sm" disabled>' +
             '<span class="glyphicon glyphicon-trash"></span>' +
             '</button></span>';
         span.innerHTML = '<span style="cursor: default;">' +
diff --git a/src/app/pages/email-distribution-entry/email-distribution-entry.component.html b/src/app/pages/email-distribution-entry/email-distribution-entry.component.html
index da90266..fc2beea 100644
--- a/src/app/pages/email-distribution-entry/email-distribution-entry.component.html
+++ b/src/app/pages/email-distribution-entry/email-distribution-entry.component.html
@@ -34,12 +34,13 @@
       </div>
       <div class="row">
         <div class="col-md-12" style="justify-content: flex-end">
-          <button class="btn btn-success" id="addEmailDistributionEntryBtn" (click)="processAddEmailDistributionEntry(); emailDistributionEntryForm.reset()"
-            [disabled]="storageInProgress || readOnlyForm || !emailDistributionEntryForm.form.valid">E-Mail-Adresse hinzufügen
+          <button type="button" class="btn btn-success" id="addEmailDistributionEntryBtn" (click)="processAddEmailDistributionEntry(); emailDistributionEntryForm.reset()"
+            [disabled]="storageInProgress || readOnlyForm || !emailDistributionEntryForm.form.valid">E-Mail-Adresse
+            hinzufügen
             <span class="glyphicon glyphicon-plus" id="addEmailDistributionEntryGlIcon"></span>
           </button>
         </div>
       </div>
     </fieldset>
   </form>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/grid-measure-detail/grid-measure-detail.component.html b/src/app/pages/grid-measure-detail/grid-measure-detail.component.html
index e1c4bf3..29aefa5 100644
--- a/src/app/pages/grid-measure-detail/grid-measure-detail.component.html
+++ b/src/app/pages/grid-measure-detail/grid-measure-detail.component.html
@@ -71,7 +71,7 @@
               </li>
               <li>
                 <!-- more singleGridMeasures -->
-                <button [disabled]="disableNewTabBtn || isSingleGridmeasureLimitReached()" class="glyphicon glyphicon-plus"
+                <button type="button" [disabled]="disableNewTabBtn || isSingleGridmeasureLimitReached()" class="glyphicon glyphicon-plus"
                   id="newSingleGridMeasureBtn" (click)="createNewSingleGridMeasureTab()" [title]="isSingleGridmeasureLimitReached() ? 'Es können maximal ' + Globals.MAX_NUMBER_OF_TABS + ' Einzelmaßnahmen angelegt werden.' : ''"></button>
               </li>
             </ul>
@@ -132,4 +132,4 @@
 
     </div>
   </div>
-</form>
+</form>
\ No newline at end of file
diff --git a/src/app/pages/logout/logout.component.html b/src/app/pages/logout/logout.component.html
index c26a709..3d5b422 100644
--- a/src/app/pages/logout/logout.component.html
+++ b/src/app/pages/logout/logout.component.html
@@ -21,7 +21,7 @@
     </div>
     <div class="center-margin">
       <button #yesBtn id="logoutbutton" class="btn btn-primary" type="button" (click)="logout()">Ja</button>
-      <button id="homebutton" class=" btn btn-primary " (click)="goToOverview() ">Nein</button>
+      <button type="button" id="homebutton" class=" btn btn-primary " (click)="goToOverview() ">Nein</button>
     </div>
   </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html b/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html
index 881f815..f4e294f 100644
--- a/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html
+++ b/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html
@@ -19,10 +19,11 @@
     <fieldset class="form-group" disabled="{{ readOnlyForm ? 'disabled' : ''}}">
       <div class="row actions">
         <div class="col-lg-12">
-          <button class="btn btn-primary pull-right" id="createInvertedStep" (click)="duplicateSingleGM()" [disabled]="isSingleGridmeasureLimitReached()">Rückschaltung
+          <button type="button" class="btn btn-primary pull-right" id="createInvertedStep" (click)="duplicateSingleGM()"
+            [disabled]="isSingleGridmeasureLimitReached()">Rückschaltung
             planen
           </button>
-          <button class="btn btn-danger pull-left" id="deleteSingleGridMeasureBtn" (click)="onDeleteBtnClick()"
+          <button type="button" class="btn btn-danger pull-left" id="deleteSingleGridMeasureBtn" (click)="onDeleteBtnClick()"
             [disabled]="isLastSingleGridmeasure()">Einzelmaßnahme
             löschen
             <span class="glyphicon glyphicon-trash" id="deleteSingleGridMeasureBtnIcon"></span>
@@ -137,4 +138,4 @@
       </app-steps>
     </div>
   </form>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/step/step.component.html b/src/app/pages/step/step.component.html
index 62105e1..5cacb69 100644
--- a/src/app/pages/step/step.component.html
+++ b/src/app/pages/step/step.component.html
@@ -97,11 +97,11 @@
     </fieldset>
     <div class="row">
       <div class="col-md-12" style="justify-content: flex-end">
-        <button class="btn btn-success" id="addStepBtn" (click)="processAddStep()" [disabled]="storageInProgress || readOnlyForm || !stepForm.form.valid">Schritt
+        <button type="button" class="btn btn-success" id="addStepBtn" (click)="processAddStep()" [disabled]="storageInProgress || readOnlyForm || !stepForm.form.valid">Schritt
           hinzufügen
           <span class="glyphicon glyphicon-plus" id="addStepGlIcon"></span>
         </button>
       </div>
     </div>
   </form>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/assets/userDocumentation.html b/src/assets/userDocumentation.html
index 2ab02e5..ead5a63 100644
--- a/src/assets/userDocumentation.html
+++ b/src/assets/userDocumentation.html
@@ -1,28 +1,10 @@
-<!--
- *******************************************************************************
- * Copyright (c) 2018 Contributors to the Eclipse Foundation
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * SPDX-License-Identifier: EPL-2.0
- *******************************************************************************
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="generator" content="Asciidoctor 1.5.4">
-<title>Benutzerhandbuch: Geplante Netzmaßnahmen</title>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700">
-<style>
-/* Asciidoctor default stylesheet | MIT License | http://asciidoctor.org */
+  <html>
+    <head>
+      <meta charset="utf-8">
+      <title>A hackable text editor for the 21st CenturyBenutzerhandbuch: Geplante NetzmaßnahmenGet to know Atom!</title>
+      <style>
+        #wrapper {width: 960px; margin: 0 auto;}
+        /* Asciidoctor default stylesheet | MIT License | http://asciidoctor.org */
 /* Remove comment around @import statement below when using as a custom stylesheet */
 /*@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";*/
 article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
@@ -429,114 +411,44 @@
 .print-only{display:block!important}
 .hide-for-print{display:none!important}
 .show-for-print{display:inherit!important}}
-</style>
-<style>
-/* Stylesheet for CodeRay to match GitHub theme | MIT License | http://foundation.zurb.com */
-/*pre.CodeRay {background-color:#f7f7f8;}*/
-.CodeRay .line-numbers{border-right:1px solid #d8d8d8;padding:0 0.5em 0 .25em}
-.CodeRay span.line-numbers{display:inline-block;margin-right:.5em;color:rgba(0,0,0,.3)}
-.CodeRay .line-numbers strong{color:rgba(0,0,0,.4)}
-table.CodeRay{border-collapse:separate;border-spacing:0;margin-bottom:0;border:0;background:none}
-table.CodeRay td{vertical-align: top;line-height:1.45}
-table.CodeRay td.line-numbers{text-align:right}
-table.CodeRay td.line-numbers>pre{padding:0;color:rgba(0,0,0,.3)}
-table.CodeRay td.code{padding:0 0 0 .5em}
-table.CodeRay td.code>pre{padding:0}
-.CodeRay .debug{color:#fff !important;background:#000080 !important}
-.CodeRay .annotation{color:#007}
-.CodeRay .attribute-name{color:#000080}
-.CodeRay .attribute-value{color:#700}
-.CodeRay .binary{color:#509}
-.CodeRay .comment{color:#998;font-style:italic}
-.CodeRay .char{color:#04d}
-.CodeRay .char .content{color:#04d}
-.CodeRay .char .delimiter{color:#039}
-.CodeRay .class{color:#458;font-weight:bold}
-.CodeRay .complex{color:#a08}
-.CodeRay .constant,.CodeRay .predefined-constant{color:#008080}
-.CodeRay .color{color:#099}
-.CodeRay .class-variable{color:#369}
-.CodeRay .decorator{color:#b0b}
-.CodeRay .definition{color:#099}
-.CodeRay .delimiter{color:#000}
-.CodeRay .doc{color:#970}
-.CodeRay .doctype{color:#34b}
-.CodeRay .doc-string{color:#d42}
-.CodeRay .escape{color:#666}
-.CodeRay .entity{color:#800}
-.CodeRay .error{color:#808}
-.CodeRay .exception{color:inherit}
-.CodeRay .filename{color:#099}
-.CodeRay .function{color:#900;font-weight:bold}
-.CodeRay .global-variable{color:#008080}
-.CodeRay .hex{color:#058}
-.CodeRay .integer,.CodeRay .float{color:#099}
-.CodeRay .include{color:#555}
-.CodeRay .inline{color:#000}
-.CodeRay .inline .inline{background:#ccc}
-.CodeRay .inline .inline .inline{background:#bbb}
-.CodeRay .inline .inline-delimiter{color:#d14}
-.CodeRay .inline-delimiter{color:#d14}
-.CodeRay .important{color:#555;font-weight:bold}
-.CodeRay .interpreted{color:#b2b}
-.CodeRay .instance-variable{color:#008080}
-.CodeRay .label{color:#970}
-.CodeRay .local-variable{color:#963}
-.CodeRay .octal{color:#40e}
-.CodeRay .predefined{color:#369}
-.CodeRay .preprocessor{color:#579}
-.CodeRay .pseudo-class{color:#555}
-.CodeRay .directive{font-weight:bold}
-.CodeRay .type{font-weight:bold}
-.CodeRay .predefined-type{color:inherit}
-.CodeRay .reserved,.CodeRay .keyword {color:#000;font-weight:bold}
-.CodeRay .key{color:#808}
-.CodeRay .key .delimiter{color:#606}
-.CodeRay .key .char{color:#80f}
-.CodeRay .value{color:#088}
-.CodeRay .regexp .delimiter{color:#808}
-.CodeRay .regexp .content{color:#808}
-.CodeRay .regexp .modifier{color:#808}
-.CodeRay .regexp .char{color:#d14}
-.CodeRay .regexp .function{color:#404;font-weight:bold}
-.CodeRay .string{color:#d20}
-.CodeRay .string .string .string{background:#ffd0d0}
-.CodeRay .string .content{color:#d14}
-.CodeRay .string .char{color:#d14}
-.CodeRay .string .delimiter{color:#d14}
-.CodeRay .shell{color:#d14}
-.CodeRay .shell .delimiter{color:#d14}
-.CodeRay .symbol{color:#990073}
-.CodeRay .symbol .content{color:#a60}
-.CodeRay .symbol .delimiter{color:#630}
-.CodeRay .tag{color:#008080}
-.CodeRay .tag-special{color:#d70}
-.CodeRay .variable{color:#036}
-.CodeRay .insert{background:#afa}
-.CodeRay .delete{background:#faa}
-.CodeRay .change{color:#aaf;background:#007}
-.CodeRay .head{color:#f8f;background:#505}
-.CodeRay .insert .insert{color:#080}
-.CodeRay .delete .delete{color:#800}
-.CodeRay .change .change{color:#66f}
-.CodeRay .head .head{color:#f4f}
-</style>
-</head>
-<body class="book">
-<div id="header">
-<h1>Benutzerhandbuch: Geplante Netzmaßnahmen</h1>
-</div>
-<div id="content">
+
+      </style>
+      <link href='https://fonts.googleapis.com/css?family=Noto+Serif' rel='stylesheet' type='text/css'>
+      <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
+      <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css">
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/asciidoc.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/yaml.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/dockerfile.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/makefile.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/rust.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/haskell.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/typescript.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/scss.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/less.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/handlebars.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/groovy.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/scala.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/bash.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/ini.min.js"></script>
+      <script>hljs.initHighlightingOnLoad();</script>
+    </head>
+    <body>
+      <div id="wrapper">
+        <div class="article">
+          <h1 id="__asciidoctor-preview-440__">Benutzerhandbuch: Geplante Netzmaßnahmen</h1>
 <div id="preamble">
 <div class="sectionbody">
 <div style="page-break-after: always;"></div>
-<div class="ulist">
+<div id="__asciidoctor-preview-482__" class="ulist">
 <ul>
 <li>
-<p>Version: 0.2</p>
+<p>Version: 0.3</p>
 </li>
 <li>
-<p>Datum: 14.09.2018</p>
+<p>Datum: 21.09.2018</p>
 </li>
 <li>
 <p>Status: zur Prüfung</p>
@@ -547,25 +459,60 @@
 <!-- toc disabled -->
 <div style="page-break-after: always;"></div>
 </div>
+<div id="toc" class="toc">
+<div id="toctitle">Table of Contents</div>
+<ul class="sectlevel1">
+<li><a href="#_sinn_und_zweck_des_moduls_geplante_netzma_nahmen">1. Sinn und Zweck des Moduls Geplante Netzmaßnahmen</a></li>
+<li><a href="#__bersicht">2. Übersicht</a>
+<ul class="sectlevel2">
+<li><a href="#uebersicht-benutzerrollen">2.1. Benutzerrollen und Aufgaben</a></li>
+<li><a href="#uebersicht-statuszustaende">2.2. Statuszustände</a></li>
+<li><a href="#_gesamtprozess">2.3. Gesamtprozess</a></li>
+</ul>
+</li>
+<li><a href="#_benutzerdialoge">3. Benutzerdialoge</a>
+<ul class="sectlevel2">
+<li><a href="#_allgemeine_hinweise">3.1. Allgemeine Hinweise</a></li>
+<li><a href="#uebersicht-aller-gnm">3.2. Übersicht aller Geplanten Netzmaßnahmen</a></li>
+<li><a href="#ansicht-bearbeitung-gnm">3.3. Ansicht und Bearbeitung einer Geplanten Netzmaßnahme</a></li>
+</ul>
+</li>
+<li><a href="#_benachrichtigungen_und_erinnerungen">4. Benachrichtigungen und Erinnerungen</a>
+<ul class="sectlevel2">
+<li><a href="#email-benachrichtigung-statuswechsel">4.1. eMail-Benachrichtigung bei Statuswechsel</a></li>
+<li><a href="#_erinnerungsfunktion_f_r_anstehende_und_f_llige_netzma_nahmen">4.2. Erinnerungsfunktion für anstehende und fällige Netzmaßnahmen</a></li>
+<li><a href="#meldungen-hinweise">4.3. Hinweise und Meldungen nach Benutzeraktionen</a></li>
+</ul>
+</li>
+<li><a href="#_allgemeine_funktionen">5. Allgemeine Funktionen</a>
+<ul class="sectlevel2">
+<li><a href="#allg-funktionen-uebersicht-aller-gnm">5.1. In der Übersicht aller Geplanten Netzmaßnahmen</a></li>
+<li><a href="#_bei_der_bearbeitung_von_geplanten_netzma_nahmen">5.2. Bei der Bearbeitung von Geplanten Netzmaßnahmen</a></li>
+<li><a href="#gnm-duplizieren">5.3. Geplante Netzmaßnahme duplizieren</a></li>
+<li><a href="#_weitere_funktionen">5.4. Weitere Funktionen</a></li>
+</ul>
+</li>
+</ul>
+</div>
 </div>
 <div class="sect1">
-<h2 id="_sinn_und_zweck_des_moduls_geplante_netzmaßnahmen"><a class="anchor" href="#_sinn_und_zweck_des_moduls_geplante_netzmaßnahmen"></a>1. Sinn und Zweck des Moduls Geplante Netzmaßnahmen</h2>
+<h2 id="_sinn_und_zweck_des_moduls_geplante_netzma_nahmen"><a class="anchor" href="#_sinn_und_zweck_des_moduls_geplante_netzma_nahmen"></a>1. Sinn und Zweck des Moduls Geplante Netzmaßnahmen</h2>
 <div class="sectionbody">
-<div class="paragraph">
+<div id="__asciidoctor-preview-618__" class="paragraph">
 <p>Das Modul Geplante Netzmaßnahme ist ein User-Modul der openKONSEQUENZ.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-622__" class="paragraph">
 <p>Mit diesem Modul hat ein Netzbetreiber jederzeit alle geplanten
 Netzmaßnahmen inklusive der aktuellen Status im Überblick.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-626__" class="paragraph">
 <p>Dabei wird jede geplante Netzmaßnahme durch einen
 vordefinierten Prozess von der Planung über die Genehmigung und die
 Durchführung bis zum Abschluss der Maßnahme gesteuert. Die einzelnen
 Prozesschritte sind entsprechend der Verantwortungsbereiche eines
 Unternehmens an Benutzerrollen gebunden.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-630__" class="paragraph">
 <p>Zur Planung von Einzelmaßnahmen und deren Schrittsequenzen können aktuelle
 Netzzustände angezeigt werden.</p>
 </div>
@@ -573,17 +520,17 @@
 </div>
 </div>
 <div class="sect1">
-<h2 id="_Übersicht"><a class="anchor" href="#_Übersicht"></a>2. Übersicht</h2>
+<h2 id="__bersicht"><a class="anchor" href="#__bersicht"></a>2. Übersicht</h2>
 <div class="sectionbody">
 <div class="sect2">
 <h3 id="uebersicht-benutzerrollen"><a class="anchor" href="#uebersicht-benutzerrollen"></a>2.1. Benutzerrollen und Aufgaben</h3>
-<div class="paragraph">
-<p>Zur Bearbeitung von geplanten Netzmaßnahnmen sind folgende Benutzerrollen
+<div id="__asciidoctor-preview-662__" class="paragraph">
+<p>Zur Bearbeitung von geplanten Netzmaßnahmen sind folgende Benutzerrollen
 definiert.</p>
 </div>
 <div class="sect3">
-<h4 id="_maßnahmen_antragsteller"><a class="anchor" href="#_maßnahmen_antragsteller"></a>2.1.1. Maßnahmen-Antragsteller</h4>
-<div class="ulist">
+<h4 id="_ma_nahmen_antragsteller"><a class="anchor" href="#_ma_nahmen_antragsteller"></a>2.1.1. Maßnahmen-Antragsteller</h4>
+<div id="__asciidoctor-preview-680__" class="ulist">
 <ul>
 <li>
 <p><a href="#uebersicht-aller-gnm">Darf alle Geplanten Netzmaßnahmen sehen</a></p>
@@ -604,8 +551,8 @@
 </div>
 </div>
 <div class="sect3">
-<h4 id="_maßnahmen_planer"><a class="anchor" href="#_maßnahmen_planer"></a>2.1.2. Maßnahmen-Planer</h4>
-<div class="ulist">
+<h4 id="_ma_nahmen_planer"><a class="anchor" href="#_ma_nahmen_planer"></a>2.1.2. Maßnahmen-Planer</h4>
+<div id="__asciidoctor-preview-748__" class="ulist">
 <ul>
 <li>
 <p><a href="#uebersicht-aller-gnm">Darf alle Geplanten Netzmaßnahmen sehen</a></p>
@@ -623,8 +570,8 @@
 </div>
 </div>
 <div class="sect3">
-<h4 id="_maßnahmen_genehmiger"><a class="anchor" href="#_maßnahmen_genehmiger"></a>2.1.3. Maßnahmen-Genehmiger</h4>
-<div class="ulist">
+<h4 id="_ma_nahmen_genehmiger"><a class="anchor" href="#_ma_nahmen_genehmiger"></a>2.1.3. Maßnahmen-Genehmiger</h4>
+<div id="__asciidoctor-preview-806__" class="ulist">
 <ul>
 <li>
 <p><a href="#uebersicht-aller-gnm">Darf alle Geplanten Netzmaßnahmen sehen</a></p>
@@ -642,8 +589,8 @@
 </div>
 </div>
 <div class="sect3">
-<h4 id="_maßnahmen_anforderer"><a class="anchor" href="#_maßnahmen_anforderer"></a>2.1.4. Maßnahmen-Anforderer</h4>
-<div class="ulist">
+<h4 id="_ma_nahmen_anforderer"><a class="anchor" href="#_ma_nahmen_anforderer"></a>2.1.4. Maßnahmen-Anforderer</h4>
+<div id="__asciidoctor-preview-864__" class="ulist">
 <ul>
 <li>
 <p><a href="#uebersicht-aller-gnm">Darf alle Geplanten Netzmaßnahmen sehen</a></p>
@@ -658,8 +605,8 @@
 </div>
 </div>
 <div class="sect3">
-<h4 id="_maßnahmen_freigeber"><a class="anchor" href="#_maßnahmen_freigeber"></a>2.1.5. Maßnahmen-Freigeber</h4>
-<div class="ulist">
+<h4 id="_ma_nahmen_freigeber"><a class="anchor" href="#_ma_nahmen_freigeber"></a>2.1.5. Maßnahmen-Freigeber</h4>
+<div id="__asciidoctor-preview-912__" class="ulist">
 <ul>
 <li>
 <p><a href="#uebersicht-aller-gnm">Darf alle Geplanten Netzmaßnahmen sehen</a></p>
@@ -677,8 +624,8 @@
 </div>
 </div>
 <div class="sect3">
-<h4 id="_maßnahmen_ausführer"><a class="anchor" href="#_maßnahmen_ausführer"></a>2.1.6. Maßnahmen-Ausführer</h4>
-<div class="ulist">
+<h4 id="_ma_nahmen_ausf_hrer"><a class="anchor" href="#_ma_nahmen_ausf_hrer"></a>2.1.6. Maßnahmen-Ausführer</h4>
+<div id="__asciidoctor-preview-972__" class="ulist">
 <ul>
 <li>
 <p><a href="#uebersicht-aller-gnm">Darf alle Geplanten Netzmaßnahmen sehen</a></p>
@@ -696,8 +643,8 @@
 </div>
 </div>
 <div class="sect3">
-<h4 id="_maßnahmen_fertigsteller"><a class="anchor" href="#_maßnahmen_fertigsteller"></a>2.1.7. Maßnahmen-Fertigsteller</h4>
-<div class="ulist">
+<h4 id="_ma_nahmen_fertigsteller"><a class="anchor" href="#_ma_nahmen_fertigsteller"></a>2.1.7. Maßnahmen-Fertigsteller</h4>
+<div id="__asciidoctor-preview-1030__" class="ulist">
 <ul>
 <li>
 <p><a href="#uebersicht-aller-gnm">Darf alle Geplanten Netzmaßnahmen sehen</a></p>
@@ -713,14 +660,14 @@
 </div>
 <div class="sect3">
 <h4 id="_administrator"><a class="anchor" href="#_administrator"></a>2.1.8. Administrator</h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1074__" class="ulist">
 <ul>
 <li>
 <p>Darf alles</p>
 </li>
 <li>
 <p>Darf zusätzlich Konfigurationen vornehmen (Details sind in technischer Dokumentation beschrieben)</p>
-<div class="ulist">
+<div id="__asciidoctor-preview-1110__" class="ulist">
 <ul>
 <li>
 <p>Optionale Status im Prozess</p>
@@ -746,11 +693,11 @@
 </div>
 <div class="sect2">
 <h3 id="uebersicht-statuszustaende"><a class="anchor" href="#uebersicht-statuszustaende"></a>2.2. Statuszustände</h3>
-<div class="paragraph">
-<p>Zur Bearbeitung von geplanten Netzmaßnahnmen sind folgende Status
+<div id="__asciidoctor-preview-1176__" class="paragraph">
+<p>Zur Bearbeitung von geplanten Netzmaßnahmen sind folgende Status
 definiert.</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-1184__" class="ulist">
 <div class="title">Hinweis zu den optionalen Status:</div>
 <ul>
 <li>
@@ -778,7 +725,7 @@
 </div>
 <div class="sect3">
 <h4 id="_neu"><a class="anchor" href="#_neu"></a>2.2.1. Neu</h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1262__" class="ulist">
 <ul>
 <li>
 <p>Die Geplante Netzmaßnahme ist angelegt.</p>
@@ -792,7 +739,7 @@
 </div>
 <div class="sect3">
 <h4 id="_beantragt"><a class="anchor" href="#_beantragt"></a>2.2.2. Beantragt</h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1302__" class="ulist">
 <ul>
 <li>
 <p>Der Titel der Geplanten Netzmaßnahme ist fix.</p>
@@ -806,10 +753,10 @@
 </div>
 <div class="sect3">
 <h4 id="_zur_genehmigung_em_optional_em"><a class="anchor" href="#_zur_genehmigung_em_optional_em"></a>2.2.3. Zur Genehmigung <em>(optional)</em></h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1364__" class="ulist">
 <ul>
 <li>
-<p>Die Geplante Netzmaßnahme ist vollständig geplant und kann zur Genehnmigung
+<p>Die Geplante Netzmaßnahme ist vollständig geplant und kann zur Genehmigung
 vorgelegt werden.</p>
 </li>
 <li>
@@ -827,7 +774,7 @@
 </li>
 </ul>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-1432__" class="ulist">
 <div class="title">Optional</div>
 <ul>
 <li>
@@ -841,7 +788,7 @@
 </div>
 <div class="sect3">
 <h4 id="_genehmigt_em_optional_als_endstatus_em"><a class="anchor" href="#_genehmigt_em_optional_als_endstatus_em"></a>2.2.4. Genehmigt <em>(optional als Endstatus)</em></h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1490__" class="ulist">
 <ul>
 <li>
 <p>Die Geplante Netzmaßnahme wurde von einer definierten Stelle geprüft und
@@ -855,7 +802,7 @@
 </li>
 </ul>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-1532__" class="ulist">
 <div class="title">Optional als Endstatus</div>
 <ul>
 <li>
@@ -870,7 +817,7 @@
 </div>
 <div class="sect3">
 <h4 id="_angefordert_em_optional_em"><a class="anchor" href="#_angefordert_em_optional_em"></a>2.2.5. Angefordert <em>(optional)</em></h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1592__" class="ulist">
 <ul>
 <li>
 <p>Die Geplante Netzmaßnahme wird am Tag der Ausführung angefordert.</p>
@@ -887,7 +834,7 @@
 </li>
 </ul>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-1644__" class="ulist">
 <div class="title">Optional</div>
 <ul>
 <li>
@@ -901,7 +848,7 @@
 </div>
 <div class="sect3">
 <h4 id="_freigegeben_em_optional_als_endstatus_em"><a class="anchor" href="#_freigegeben_em_optional_als_endstatus_em"></a>2.2.6. Freigegeben <em>(optional als Endstatus)</em></h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1702__" class="ulist">
 <ul>
 <li>
 <p>Der Netzzustand erlaubt die Durchführung der Schaltung.</p>
@@ -914,7 +861,7 @@
 </li>
 </ul>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-1738__" class="ulist">
 <div class="title">Optional als Endstatus</div>
 <ul>
 <li>
@@ -929,7 +876,7 @@
 </div>
 <div class="sect3">
 <h4 id="_schalten_aktiv"><a class="anchor" href="#_schalten_aktiv"></a>2.2.7. Schalten aktiv</h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1780__" class="ulist">
 <ul>
 <li>
 <p>Die Schaltung hat begonnen (mindestens der erste Schritt einer Schrittsequenz
@@ -949,7 +896,7 @@
 </div>
 <div class="sect3">
 <h4 id="_in_arbeit_em_optional_em"><a class="anchor" href="#_in_arbeit_em_optional_em"></a>2.2.8. In Arbeit <em>(optional)</em></h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1862__" class="ulist">
 <ul>
 <li>
 <p>Der angeforderte Schaltzustand ist hergestellt worden.</p>
@@ -967,7 +914,7 @@
 </li>
 </ul>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-1914__" class="ulist">
 <div class="title">Optional</div>
 <ul>
 <li>
@@ -981,7 +928,7 @@
 </div>
 <div class="sect3">
 <h4 id="_arbeit_beendet"><a class="anchor" href="#_arbeit_beendet"></a>2.2.9. Arbeit beendet</h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-1950__" class="ulist">
 <ul>
 <li>
 <p>Die Arbeiten sind beendet.</p>
@@ -999,8 +946,8 @@
 </div>
 </div>
 <div class="sect3">
-<h4 id="_maßnahme_beendet"><a class="anchor" href="#_maßnahme_beendet"></a>2.2.10. Maßnahme beendet</h4>
-<div class="ulist">
+<h4 id="_ma_nahme_beendet"><a class="anchor" href="#_ma_nahme_beendet"></a>2.2.10. Maßnahme beendet</h4>
+<div id="__asciidoctor-preview-2008__" class="ulist">
 <ul>
 <li>
 <p>Der für den Abschluss des Vorgangs definierte Schaltzustand (in der Regel
@@ -1017,7 +964,7 @@
 </div>
 <div class="sect3">
 <h4 id="_geschlossen"><a class="anchor" href="#_geschlossen"></a>2.2.11. Geschlossen</h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-2058__" class="ulist">
 <ul>
 <li>
 <p>Alle notwendigen Dokumentationen sind vorgenommen worden.</p>
@@ -1030,7 +977,7 @@
 </div>
 <div class="sect3">
 <h4 id="_storniert"><a class="anchor" href="#_storniert"></a>2.2.12. Storniert</h4>
-<div class="ulist">
+<div id="__asciidoctor-preview-2092__" class="ulist">
 <ul>
 <li>
 <p>Die Geplante Netzmaßnahme kann oder soll nicht weiterbearbeitet werden.</p>
@@ -1051,26 +998,26 @@
 </div>
 <div class="sect2">
 <h3 id="_gesamtprozess"><a class="anchor" href="#_gesamtprozess"></a>2.3. Gesamtprozess</h3>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2152__" class="paragraph">
 <p>Der gesamte Prozessablauf über den Lebenszyklus einer Geplanten Netzmaßnahme
 ist im folgenden Prozessdiagramm dargestellt. Aufgrund besserer Lesbarkeit
-ist der Prozess in drei zusammenhängenen Prozessabschnitten aufgeteilt.</p>
+ist der Prozess in drei zusammenhängenden Prozessabschnitten aufgeteilt.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2166__" class="imageblock">
 <div class="content">
-<img src="./images/massnahme_planen_und_genehmigen_1.png" alt="massnahme planen und genehmigen 1">
+<img src="../images/massnahme_planen_und_genehmigen_1.png" alt="massnahme planen und genehmigen 1.png">
 </div>
 <div class="title">Figure 1. Prozessübersicht (Abschnitt 1: "Neu" bis "Genehmigt")</div>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2182__" class="imageblock">
 <div class="content">
-<img src="./images/massnahme_durchfuehren_u_abschliessen_1.png" alt="massnahme durchfuehren u abschliessen 1">
+<img src="../images/massnahme_durchfuehren_u_abschliessen_1.png" alt="massnahme durchfuehren u abschliessen 1.png">
 </div>
 <div class="title">Figure 2. Prozessübersicht (Abschnitt 2: "Angefordert" bis "Freigegeben")</div>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2198__" class="imageblock">
 <div class="content">
-<img src="./images/massnahme_durchfuehren_u_abschliessen_2.png" alt="massnahme durchfuehren u abschliessen 2">
+<img src="../images/massnahme_durchfuehren_u_abschliessen_2.png" alt="massnahme durchfuehren u abschliessen 2.png">
 </div>
 <div class="title">Figure 3. Prozessübersicht (Abschnitt 3: "Schalten aktiv" bis "Geschlossen")</div>
 </div>
@@ -1083,10 +1030,10 @@
 <div class="sectionbody">
 <div class="sect2">
 <h3 id="_allgemeine_hinweise"><a class="anchor" href="#_allgemeine_hinweise"></a>3.1. Allgemeine Hinweise</h3>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2232__" class="paragraph">
 <p>Die Anwendung ist für folgende Endgeräte optimiert:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-2238__" class="ulist">
 <ul>
 <li>
 <p>Desktop-PC</p>
@@ -1096,10 +1043,10 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2260__" class="paragraph">
 <p>Es sind folgende Browser unterstützt:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-2266__" class="ulist">
 <ul>
 <li>
 <p>Microsoft Internet Explorer</p>
@@ -1112,10 +1059,10 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2298__" class="paragraph">
 <p>Die Bildschirmauflösung bzw. die Fenstergröße des Browsers sollte folgende Werte nicht unterschreiten:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-2304__" class="ulist">
 <ul>
 <li>
 <p>1.024 x 768 Pixel</p>
@@ -1125,32 +1072,32 @@
 </div>
 <div class="sect2">
 <h3 id="uebersicht-aller-gnm"><a class="anchor" href="#uebersicht-aller-gnm"></a>3.2. Übersicht aller Geplanten Netzmaßnahmen</h3>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2328__" class="paragraph">
 <p>Die Übersichtsseite stellt standardmäßig alle Geplanten Netzmaßnahmen
 in einer Tabelle dar. Bei Bedarf können die Geplanten Netzmaßnahmen aber auch in
 einer Kalender-Ansicht angezeigt werden.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2342__" class="imageblock">
 <div class="content">
-<img src="./images/button_tabelle_kalender.jpg" alt="button tabelle kalender">
+<img src="../images/button_tabelle_kalender.jpg" alt="button tabelle kalender.jpg">
 </div>
 <div class="title">Figure 4. Umschalten zwischen Tabellen- und Kalender-Ansicht</div>
 </div>
 <div class="sect3">
 <h4 id="_tabellen_ansicht"><a class="anchor" href="#_tabellen_ansicht"></a>3.2.1. Tabellen-Ansicht</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2358__" class="paragraph">
 <p>Das Modul Geplante Netzmaßnahme startet immer in der Tabellen-Ansicht.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2372__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_uebersichtstabelle.png" alt="gnm uebersichtstabelle">
+<img src="../images/gnm_uebersichtstabelle.png" alt="gnm uebersichtstabelle.png">
 </div>
 <div class="title">Figure 5. Übersicht der Geplanten Netzmaßnahmen in der Tabellen-Ansicht</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2378__" class="paragraph">
 <p>Die Übersichtstabelle zeigt zu jeder Geplanten Netzmaßnahme folgende Informationen an:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
+<table id="__asciidoctor-preview-2396__" class="tableblock frame-all grid-all spread">
 <caption class="title">Table 1. Felder in der Tabellenübersicht</caption>
 <colgroup>
 <col style="width: 50%;">
@@ -1246,35 +1193,35 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2662__" class="paragraph">
 <p>Jede Geplante Netzmaßnahme kann je nach Benutzerrolle und Status der Maßnahme
 direkt aus der Tabelle angezeigt, bearbeitet oder storniert werden.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2676__" class="imageblock">
 <div class="content">
-<img src="./images/auge-symbol.png" alt="auge symbol">
+<img src="../images/auge-symbol.png" alt="auge symbol.png">
 </div>
 <div class="title">Figure 6. Auge-Symbol zum Anzeigen einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2692__" class="imageblock">
 <div class="content">
-<img src="./images/stift-symbol.png" alt="stift symbol">
+<img src="../images/stift-symbol.png" alt="stift symbol.png">
 </div>
 <div class="title">Figure 7. Stift-Symbol zum Bearbeiten einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2708__" class="imageblock">
 <div class="content">
-<img src="./images/stornieren.png" alt="stornieren">
+<img src="../images/stornieren.png" alt="stornieren.png">
 </div>
 <div class="title">Figure 8. Stornieren-Symbol zum Stornieren einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2724__" class="imageblock">
 <div class="content">
-<img src="./images/stornieren-deaktiviert.png" alt="stornieren deaktiviert">
+<img src="../images/stornieren-deaktiviert.png" alt="stornieren deaktiviert.png">
 </div>
 <div class="title">Figure 9. Deaktiviertes Stornieren-Symbol</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2730__" class="paragraph">
 <p>Mit den vordefinierten Filtern "Meine Vorgänge", "Geschlossene" und "Stornierte",
 sowie über die Filter der Tabelle selbst, können beliebige individuelle
 Filterkombinationen erstellt und gespeichert werden. Details dazu sind im Abschnitt
@@ -1285,26 +1232,26 @@
 so besteht die Möglichkeit über die Schaltfläche "Netzmaßnahme erstellen" eine neue
 Geplante Netzmaßnahme anzulegen.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-2750__" class="imageblock">
 <div class="content">
-<img src="./images/gnm-erstellen.png" alt="gnm erstellen">
+<img src="../images/gnm-erstellen.png" alt="gnm erstellen.png">
 </div>
 <div class="title">Figure 10. Schaltfläche zum Erstellen von Geplanten Netzmaßnahmen</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2756__" class="paragraph">
 <p>Alternativ kann über die Funktion "Netzmaßnahme duplizieren" eine neue Geplante
 Netzmaßnahme angelegt werden, siehe Abschnitt <a href="#gnm-duplizieren">Geplante Netzmaßnahme duplizieren</a>.</p>
 </div>
 </div>
 <div class="sect3">
 <h4 id="_kalender_ansicht"><a class="anchor" href="#_kalender_ansicht"></a>3.2.2. Kalender-Ansicht</h4>
-<div class="paragraph">
-<p>Der Kalender stellt drei Ansichten zur Verfügungen, um die Einzelmaßnahmen der
+<div id="__asciidoctor-preview-2772__" class="paragraph">
+<p>Der Kalender stellt drei Ansichten zur Verfügung, um die Einzelmaßnahmen der
 Geplanten Netzmaßnahmenkalendarisch anzuzeigen. Die Auswahl erfolgt über die
 entsprechenden Schaltflächen
 auf der rechten Seite.</p>
 </div>
-<div class="olist arabic">
+<div id="__asciidoctor-preview-2778__" class="olist arabic">
 <ol class="arabic">
 <li>
 <p>Monatsansicht</p>
@@ -1317,16 +1264,16 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2810__" class="paragraph">
 <p>Innerhalb der jeweiligen Ansichten besteht die Möglichkeit zum Nächsten, zum
 Vorherigen oder zum Aktuellen Darstellungszeitraum zu wechseln. Dies erfolgt
 über die entsprechenden Schaltflächen auf der linken Seite.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2814__" class="paragraph">
 <p>Der im Kalender dargestellte Zeitraum einer Einzelmaßnahme basiert auf folgenden
 Werten:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-2820__" class="ulist">
 <ul>
 <li>
 <p>Beginn der  geplanten Einzelmaßnahme</p>
@@ -1336,33 +1283,141 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2842__" class="paragraph">
 <p>Mit einem Klick auf die dargestellt Einzelmaßnahme kann die zugehörige Geplante
 Netzmaßnahme direkt aus dem Kalender zum Anzeigen (Auge-Symbol)
 oder zum Bearbeiten (Stift-Symbol) - je nach Berechtigung des Benutzers - geöffnet
 werden.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-2846__" class="paragraph">
 <p>Ist ein Benutzer mit der Benutzerrolle "Maßnahmen-Antragsteller" angemeldet,
 so besteht die Möglichkeit über die Schaltfläche "Netzmaßnahme erstellen" eine neue
 Geplante Netzmaßnahme anzulegen, siehe Absatz <a href="#gnm-erstellen">[gnm-erstellen]</a>.</p>
 </div>
 <div class="sect4">
 <h5 id="_monatsansicht"><a class="anchor" href="#_monatsansicht"></a>Monatsansicht</h5>
-<div class="paragraph">
-<p>In der Monatsansicht ist jede Einzelmaßnahme mit einen roten Punkt dargestellt
-und zwar für jeden Tag innerhalb des Zeitraums der Einzelmaßnahme. Die rot
-umkreiste Zahl zeigt die Anzahl der Einzelmaßnahmen für den jeweiligen
+<div id="__asciidoctor-preview-2858__" class="paragraph">
+<p>In der Monatsansicht ist jede Einzelmaßnahme mit einem farbigen Punkt dargestellt
+und zwar für jeden Tag innerhalb des Zeitraums der Einzelmaßnahme. Jede Farbe
+steht für einen Status:</p>
+</div>
+<table id="__asciidoctor-preview-2876__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 2. Farben der Statuszustände in Kalenderansicht</caption>
+<colgroup>
+<col style="width: 50%;">
+<col style="width: 50%;">
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Status</th>
+<th class="tableblock halign-left valign-top">Farbe</th>
+</tr>
+</thead>
+<tfoot>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Storniert</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>keine Anzeige im Kalender</em></p></td>
+</tr>
+</tfoot>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Neu</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_neu.png" alt="status farbe neu.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Beantragt</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_beantragt.png" alt="status farbe beantragt.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Zur Genehmigung</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_zur_genehmigung.png" alt="status farbe zur genehmigung.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Genehmigt</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_genehmigt.png" alt="status farbe genehmigt.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Angefordert</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_angefordert.png" alt="status farbe angefordert.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Freigegeben</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_freigegeben.png" alt="status farbe freigegeben.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Schalten aktiv</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_schalten-aktiv.png" alt="status farbe schalten aktiv.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">In Arbeit</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_in_arbeit.png" alt="status farbe in arbeit.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Arbeit beendet</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_a_beendet.png" alt="status farbe a beendet.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Maßnahme beendet</p></td>
+<td class="tableblock halign-left valign-top"><div><div class="imageblock">
+<div class="content">
+<img src="../images/status_farbe_m_beendet.png" alt="status farbe m beendet.png">
+</div>
+</div></div></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Geschlossen</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock"><em>keine Anzeige im Kalender</em></p></td>
+</tr>
+</tbody>
+</table>
+<div id="__asciidoctor-preview-3222__" class="paragraph">
+<p>Die rot umkreiste Zahl zeigt die Anzahl der Einzelmaßnahmen für den jeweiligen
 Kalendertag an.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3236__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_kalenderuebersicht.png" alt="gnm kalenderuebersicht">
+<img src="../images/gnm_kalenderuebersicht.png" alt="gnm kalenderuebersicht.png">
 </div>
 <div class="title">Figure 11. Monatsansicht im Kalender</div>
 </div>
-<div class="paragraph">
-<p>Um zu erkennen, welche Einzelmaßnahmen sich hinter den roten Punkten verbergen,
+<div id="__asciidoctor-preview-3242__" class="paragraph">
+<p>Um zu erkennen, welche Einzelmaßnahmen sich hinter den farbigen Punkten verbergen,
 reicht ein Klick auf den entsprechenden Kalendertag aus. Anschließend öffnet
 sich ein Bereich unterhalb des ausgewählten Kalendertags und zeigt die Titel der
 Einzelmaßnahmen an. Mit einem Klick auf die Einzelmaßnahme lässt sich die
@@ -1371,36 +1426,36 @@
 </div>
 <div class="sect4">
 <h5 id="_wochenansicht"><a class="anchor" href="#_wochenansicht"></a>Wochenansicht</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3256__" class="paragraph">
 <p>In der Wochenansicht sind alle, im jeweils angezeigten Zeitraum, Einzelmaßnahmen
 dargestellt.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3270__" class="imageblock">
 <div class="content">
-<img src="./images/kalender_woche.png" alt="kalender woche">
+<img src="../images/kalender_woche.png" alt="kalender woche.png">
 </div>
 <div class="title">Figure 12. Wochenansicht im Kalender</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3276__" class="paragraph">
 <p>Mit einem Klick auf die Einzelmaßnahme lässt sich die zugehörige Geplante
 Netzmaßnahme direkt zur Ansicht oder zum Bearbeiten öffnen.</p>
 </div>
 </div>
 <div class="sect4">
 <h5 id="_tagesansicht"><a class="anchor" href="#_tagesansicht"></a>Tagesansicht</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3290__" class="paragraph">
 <p>In der Tagesansicht sind die Einzelmaßnahmen minutengenau angezeigt.
 Wenn eine Netzmaßnahme über mehrere Tage geplant ist, so werden alle Tage, die
 nicht dem Start- oder Endtag entsprechen, jeweils von 0:00 bis 24:00 Uhr
 dargestellt.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3304__" class="imageblock">
 <div class="content">
-<img src="./images/kalender_tag.png" alt="kalender tag">
+<img src="../images/kalender_tag.png" alt="kalender tag.png">
 </div>
 <div class="title">Figure 13. Tagesansicht im Kalender</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3310__" class="paragraph">
 <p>Mit einem Klick auf die Geplante Netzmaßnahme lässt sich diese direkt zur Ansicht
 oder zum Bearbeiten öffnen.</p>
 </div>
@@ -1409,17 +1464,17 @@
 </div>
 <div class="sect2">
 <h3 id="ansicht-bearbeitung-gnm"><a class="anchor" href="#ansicht-bearbeitung-gnm"></a>3.3. Ansicht und Bearbeitung einer Geplanten Netzmaßnahme</h3>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3330__" class="paragraph">
 <p>Die Ansicht einer Geplanten Netzmaßnahme teilt sich in mehrere Bereiche auf:</p>
 </div>
-<div class="olist arabic">
+<div id="__asciidoctor-preview-3336__" class="olist arabic">
 <ol class="arabic">
 <li>
 <p>Netzmaßnahme (Basis-Informationen)</p>
 </li>
 <li>
 <p>Details der Netzmaßnahme</p>
-<div class="olist loweralpha">
+<div id="__asciidoctor-preview-3368__" class="olist loweralpha">
 <ol class="loweralpha" type="a">
 <li>
 <p>Maßnahme</p>
@@ -1438,41 +1493,41 @@
 </li>
 </ol>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3418__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_gesamt.png" alt="gnm gesamt">
+<img src="../images/gnm_gesamt.png" alt="gnm gesamt.png">
 </div>
 <div class="title">Figure 14. Ansicht einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3424__" class="paragraph">
 <p>Durch einen Klick auf die Bezeichnung ("Netzmaßnahme", "Details der Netzmaßnahmen",
 "E-Mail Verteiler für Status Genehmigt, Storniert und Zurückgewiesen, Statuswechsel")
 können die einzelnen Bereiche auf- und zugeklappt werden.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3428__" class="paragraph">
 <p>Um Änderungen an den Geplanten Netzmaßnahmen, Einzelmaßnahmen oder Schrittsequenzen
 zu sichern, ist die Schaltfläche "Speichern" zu klicken. Der Benutzerdialog der
 Geplanten Netzmaßnahmen schließt sich und anschließend erscheint die Tabellen-Ansicht.
 Zudem wird das erfolgreiche Speichern über eine Meldung bestätigt,
 siehe Abschnitt <a href="#meldungen-hinweise">Hinweise und Meldungen nach Benutzeraktionen</a>.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3442__" class="imageblock">
 <div class="content">
-<img src="./images/speichern.png" alt="speichern">
+<img src="../images/speichern.png" alt="speichern.png">
 </div>
 <div class="title">Figure 15. Schaltfläche zum Speichern der Änderungen</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3448__" class="paragraph">
 <p>Um Änderungen nicht zu speichern ist die Schaltfläche "Abbrechen" zu klicken. Damit
 werden alle Anpassungen verworfen und zur Tabellen-Ansicht zurückgekehrt.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3462__" class="imageblock">
 <div class="content">
-<img src="./images/abbrechen.png" alt="abbrechen">
+<img src="../images/abbrechen.png" alt="abbrechen.png">
 </div>
 <div class="title">Figure 16. Schaltfläche zum Abbrechen der Bearbeitung ohne Speichern</div>
 </div>
-<div class="admonitionblock caution">
+<div id="__asciidoctor-preview-3470__" class="admonitionblock caution">
 <table>
 <tr>
 <td class="icon">
@@ -1485,45 +1540,45 @@
 </tr>
 </table>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3474__" class="paragraph">
 <p>Statuswechsel werden über die entsprechenden Schaltflächen angeboten. Die Anzeige
 ist dabei abhängig vom Status der Geplanten Netzmaßnahme sowie der Konfiguration
 des Prozesses. Als Beispiel ist im Folgenden die Schaltfläche für den
 Statuswechsel nach "Beantragt" dargestellt. Die weiteren Status sind im Abschnitt
 <a href="#uebersicht-statuszustaende">Statuszustände</a> ersichtlich.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3488__" class="imageblock">
 <div class="content">
-<img src="./images/beantragen.png" alt="beantragen">
+<img src="../images/beantragen.png" alt="beantragen.png">
 </div>
 <div class="title">Figure 17. Schaltfläche zum Statuswechsel (Beispiel: Beantragen)</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3494__" class="paragraph">
 <p>Details zum Duplizieren von Geplanten Netzmaßnahmen befinden sich im Abschnitt
 <a href="#gnm-duplizieren">Geplante Netzmaßnahme duplizieren</a>.</p>
 </div>
 <div class="sect3">
-<h4 id="_netzmaßnahme_basis_informationen"><a class="anchor" href="#_netzmaßnahme_basis_informationen"></a>3.3.1. Netzmaßnahme (Basis-Informationen)</h4>
-<div class="paragraph">
+<h4 id="_netzma_nahme_basis_informationen"><a class="anchor" href="#_netzma_nahme_basis_informationen"></a>3.3.1. Netzmaßnahme (Basis-Informationen)</h4>
+<div id="__asciidoctor-preview-3516__" class="paragraph">
 <p>Die Basisinformationen einer Geplanten Netzmaßnahme befinden sich im oberen
 Teil des Benutzerdialogs. Dieser Teil ist feststehend, um die grundlegenden
 Daten einer Maßnahme immer im Blick zu behalten.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3520__" class="paragraph">
 <p>Pflichtfelder sind farblich markiert. Zunächst sind diese rot. Erst wenn die
 Inhalte entsprechend eingetragen sind, ändert sich die Markierung auf grün.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3534__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_header.png" alt="gnm header">
+<img src="../images/gnm_header.png" alt="gnm header.png">
 </div>
 <div class="title">Figure 18. Basis-Informationen einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="paragraph">
-<p>Eine Geplante Netzmaßnahme (Teil: Basisinformationen) besitzt folgende Attibute:</p>
+<div id="__asciidoctor-preview-3540__" class="paragraph">
+<p>Eine Geplante Netzmaßnahme (Teil: Basisinformationen) besitzt folgende Attribute:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<caption class="title">Table 2. Attribute einer Geplanten Netzmaßnahme (Teil: Basisinformationen)</caption>
+<table id="__asciidoctor-preview-3558__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 3. Attribute einer Geplanten Netzmaßnahme (Teil: Basisinformationen)</caption>
 <colgroup>
 <col style="width: 20%;">
 <col style="width: 20%;">
@@ -1608,27 +1663,27 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3940__" class="paragraph">
 <p>(*) Pflichtfeld um einen Statuswechsel nach "Beantragt" durchführen zu können.</p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_details_einer_netzmaßnahme"><a class="anchor" href="#_details_einer_netzmaßnahme"></a>3.3.2. Details einer Netzmaßnahme</h4>
-<div class="paragraph">
+<h4 id="_details_einer_netzma_nahme"><a class="anchor" href="#_details_einer_netzma_nahme"></a>3.3.2. Details einer Netzmaßnahme</h4>
+<div id="__asciidoctor-preview-3960__" class="paragraph">
 <p>Die Detailinformationen einer Geplanten Netzmaßnahme befinden sich im mittleren
 Teil des Benutzerdialogs. Dieser Teil ist scrollbar, um alle Details erfassen
 und sehen zu können.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-3974__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_detail.png" alt="gnm detail">
+<img src="../images/gnm_detail.png" alt="gnm detail.png">
 </div>
 <div class="title">Figure 19. Details-Informationen einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-3980__" class="paragraph">
 <p>Dieser Bereich ist nochmals durch Reiter unterteilt in:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-3986__" class="ulist">
 <ul>
 <li>
 <p>Maßnahme</p>
@@ -1641,12 +1696,12 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4018__" class="paragraph">
 <p>Die Details einer Geplanten Netzmaßnahme befinden sich im Reiter "Maßnahme"
 und bestehen aus folgenden Attributen:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<caption class="title">Table 3. Attribute einer Geplanten Netzmaßnahme (Teil: Detailinformationen)</caption>
+<table id="__asciidoctor-preview-4036__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 4. Attribute einer Geplanten Netzmaßnahme (Teil: Detailinformationen)</caption>
 <colgroup>
 <col style="width: 20%;">
 <col style="width: 20%;">
@@ -1725,7 +1780,7 @@
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Bemerkungen</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">nein</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">alle ausser Geschlossen</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">alle außer Geschlossen</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Textfeld</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Bemerkungen, z.B. für Statuswechsel oder Genehmigungsvermerke</p></td>
 </tr>
@@ -1745,10 +1800,10 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4488__" class="paragraph">
 <p>(*) Pflichtfeld um einen Statuswechsel nach "Beantragt" durchführen zu können.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4492__" class="paragraph">
 <p>In den Reitern "Einzelmaßnahme 1 (bis 10)" befinden sich die Details zu
 Einzelmaßnahmen und Schrittsequenzen. Die Erläuterungen dazu sind im folgenden
 Abschnitt dargestellt.</p>
@@ -1756,11 +1811,11 @@
 </div>
 <div class="sect3">
 <h4 id="einzelmassnahme-schrittsequenz"><a class="anchor" href="#einzelmassnahme-schrittsequenz"></a>3.3.3. Ansicht Einzelmaßnahme und Schrittsequenzen</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4508__" class="paragraph">
 <p>Eine Geplante Netzmaßnahme besteht aus mindestens einer und maximal
 zehn Einzelmaßnahmen. Initial ist immer eine Einzelmaßnahme angelegt.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4512__" class="paragraph">
 <p>Eine zweite Einzelmaßnahme macht zum Beispiel Sinn, um Rückschaltungen zu planen. Dazu
 wird die ausgewählte Einzelmaßnahme mitsamt ihren Inhalten kopiert und die dort
 erfassten Schrittsequenzen in umgekehrter Reihenfolge geplant. Anschließend sind
@@ -1769,13 +1824,13 @@
 neue Einzelmaßnahme mit der Bezeichnung "Rückschaltung von &lt;Titel der Einzelmaßnahme&gt;"
 anlegt.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-4526__" class="imageblock">
 <div class="content">
-<img src="./images/rueckschaltung-planen.png" alt="rueckschaltung planen">
+<img src="../images/rueckschaltung-planen.png" alt="rueckschaltung planen.png">
 </div>
 <div class="title">Figure 20. Schaltfläche zur Erstellung einer Rückschaltung</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4532__" class="paragraph">
 <p>Wenn mehr als eine Einzelmaßnahme existiert, also mehr als ein Reiter mit der
 Bezeichnung "Einzelmaßnahme" vorhanden ist, sortiert das System die Einzelmaßnahmen
 automatisch (Nach Klick auf die Schaltfläche "Speichern" oder bei einem Statuswechsel).
@@ -1784,35 +1839,35 @@
 Einzelmaßnahmen am ehesten. In der Einzelmaßnahme mit der höchsten Nummer ist
 folglich immer die letzte beginnende Einzelmaßnahme enthalten.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4536__" class="paragraph">
 <p>Wenn mehr als eine Einzelmaßnahme existiert, ist das Löschen von Einzelmaßnahmen
 möglich. Dazu ist die zu löschende Einzelmaßnahe auszuwählen und anschließend
 die Schaltfläche "Einzelmaßnahme löschen" zu klicken. Die Einzelmaßnahme wird
 anschließend ohne Rückmeldung entfernt.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-4550__" class="imageblock">
 <div class="content">
-<img src="./images/einzelmassnahme-loeschen.png" alt="einzelmassnahme loeschen">
+<img src="../images/einzelmassnahme-loeschen.png" alt="einzelmassnahme loeschen.png">
 </div>
 <div class="title">Figure 21. Schaltfläche zum Löschen einer Einzelmaßnahme</div>
 </div>
 <div class="sect4">
-<h5 id="_einzelmaßnahme"><a class="anchor" href="#_einzelmaßnahme"></a>Einzelmaßnahme</h5>
-<div class="paragraph">
+<h5 id="_einzelma_nahme"><a class="anchor" href="#_einzelma_nahme"></a>Einzelmaßnahme</h5>
+<div id="__asciidoctor-preview-4566__" class="paragraph">
 <p>Im Reiter "Einzelmaßnahme 1 (bis 10)" sind im oberen Bereich die Basisinformation
 einer Einzelmaßnahme dargestellt.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-4580__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_einzelmassnahme.png" alt="gnm einzelmassnahme">
+<img src="../images/gnm_einzelmassnahme.png" alt="gnm einzelmassnahme.png">
 </div>
 <div class="title">Figure 22. Informationen einer Einzelmaßnahme</div>
 </div>
-<div class="paragraph">
-<p>Eine Einzelmaßnahme besitzt folgende Attibute:</p>
+<div id="__asciidoctor-preview-4586__" class="paragraph">
+<p>Eine Einzelmaßnahme besitzt folgende Attribute:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<caption class="title">Table 4. Attribute einer Einzelmaßnahme</caption>
+<table id="__asciidoctor-preview-4604__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 5. Attribute einer Einzelmaßnahme</caption>
 <colgroup>
 <col style="width: 20%;">
 <col style="width: 20%;">
@@ -1890,27 +1945,27 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4950__" class="paragraph">
 <p>(*) Pflichtfeld um einen Statuswechsel nach "Beantragt" durchführen zu können.</p>
 </div>
 </div>
 <div class="sect4">
 <h5 id="_schrittsequenz"><a class="anchor" href="#_schrittsequenz"></a>Schrittsequenz</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-4964__" class="paragraph">
 <p>Im unteren Bereich befinden sich die Schrittsequenzen einer Einzelmaßnahme. Auf
-linken Seite können Schrittsequenzen erfasst werden.</p>
+der linken Seite können Schrittsequenzen erfasst werden.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-4978__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_schrittsequenz.png" alt="gnm schrittsequenz">
+<img src="../images/gnm_schrittsequenz.png" alt="gnm schrittsequenz.png">
 </div>
 <div class="title">Figure 23. Informationen einer Schrittsequenz</div>
 </div>
-<div class="paragraph">
-<p>Eine Schrittsequenz (als Teil einer Einzelmaßnahme) besitzt folgende Attibute:</p>
+<div id="__asciidoctor-preview-4984__" class="paragraph">
+<p>Eine Schrittsequenz (als Teil einer Einzelmaßnahme) besitzt folgende Attribute:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<caption class="title">Table 5. Attribute einer Schrittsequenz</caption>
+<table id="__asciidoctor-preview-5002__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 6. Attribute einer Schrittsequenz</caption>
 <colgroup>
 <col style="width: 20%;">
 <col style="width: 20%;">
@@ -1979,7 +2034,7 @@
 <tr>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Ist-Zeit</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">nein</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Textfeld</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Textfeld (hh:mm)</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Neu, Beantragt</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Freie Eingabe oder Auswahl eines vorherigen Eintrags möglich</p></td>
 </tr>
@@ -1992,19 +2047,19 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5346__" class="paragraph">
 <p>(*) Pflichtfeld um eine Schrittsequenz über die Schaltfläche "Schritt hinzufügen" anlegen zu können.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5350__" class="paragraph">
 <p>Auf der rechten Seite befinden sich alle erfassten Schrittsequenzen in der korrekten
 Reihenfolge für die spätere Umsetzung. Bei Bedarf kann die Reihenfolge der Einzelschritte
 durch einfaches Verschieben angepasst werden. Eine Anpassung der Werte ist
 ebenfalls direkt in der Tabelle möglich, indem das entsprechende Feld angeklickt
 und bearbeitet wird.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-5364__" class="imageblock">
 <div class="content">
-<img src="./images/gnm_schrittsequenz_tabelle.png" alt="gnm schrittsequenz tabelle">
+<img src="../images/gnm_schrittsequenz_tabelle.png" alt="gnm schrittsequenz tabelle.png">
 </div>
 <div class="title">Figure 24. Übersicht aller Schrittsequenzen einer Einzelmaßnahme</div>
 </div>
@@ -2012,24 +2067,24 @@
 </div>
 <div class="sect3">
 <h4 id="_email_verteiler"><a class="anchor" href="#_email_verteiler"></a>3.3.4. eMail-Verteiler</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5384__" class="paragraph">
 <p>Details zum E-Mail Verteiler, siehe Abschnitt <a href="#email-benachrichtigung-statuswechsel">eMail-Benachrichtigung bei Statuswechsel</a></p>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_Änderungshistorie_der_statuswechsel"><a class="anchor" href="#_Änderungshistorie_der_statuswechsel"></a>3.3.5. Änderungshistorie der Statuswechsel</h4>
-<div class="paragraph">
+<h4 id="__nderungshistorie_der_statuswechsel"><a class="anchor" href="#__nderungshistorie_der_statuswechsel"></a>3.3.5. Änderungshistorie der Statuswechsel</h4>
+<div id="__asciidoctor-preview-5404__" class="paragraph">
 <p>Alle Statuswechsel werden dokumentiert und können innerhalb einer Geplanten Netzmaßnahme
 im Bereich "Statuswechsel" durch Klicken auf die gleichnamige Bezeichnung
 "Statuswechsel" angezeigt werden.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-5418__" class="imageblock">
 <div class="content">
-<img src="./images/statuswechsel-uebersicht.png" alt="statuswechsel uebersicht">
+<img src="../images/statuswechsel-uebersicht.png" alt="statuswechsel uebersicht.png">
 </div>
 <div class="title">Figure 25. Übersicht der Statuswechsel einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5424__" class="paragraph">
 <p>Dort sind Datum und Uhrzeit, die Statuswechsel-Zustände sowie der jeweilige
 Bearbeiter der Geplanten Maßnahme ersichtlich.</p>
 </div>
@@ -2043,11 +2098,11 @@
 <div class="sectionbody">
 <div class="sect2">
 <h3 id="email-benachrichtigung-statuswechsel"><a class="anchor" href="#email-benachrichtigung-statuswechsel"></a>4.1. eMail-Benachrichtigung bei Statuswechsel</h3>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5462__" class="paragraph">
 <p>Es wird eine automatische eMail-Benachrichtigung versendet, wenn folgende
 Ziel-Status erreicht werden:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-5468__" class="ulist">
 <ul>
 <li>
 <p>Genehmigt</p>
@@ -2060,23 +2115,23 @@
 </li>
 </ul>
 </div>
-<div class="paragraph">
-<p>Die Adresssaten sind über die E-Mail Verteilerliste für Status Genehmigt,
+<div id="__asciidoctor-preview-5500__" class="paragraph">
+<p>Die Adressaten sind über die E-Mail Verteilerliste für Status Genehmigt,
 Storniert und Zurückgewiesen definiert.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5504__" class="paragraph">
 <p>Die individuelle Anpassung der Verteilerliste ist im Abschnitt
 <a href="#email-verteiler-anpassen">eMail-Verteiler für Status Genehmigt, Storniert und Zurückgewiesen anpassen</a>
 beschrieben.</p>
 </div>
 </div>
 <div class="sect2">
-<h3 id="_erinnerungsfunktion_für_anstehende_und_fällige_netzmaßnahmen"><a class="anchor" href="#_erinnerungsfunktion_für_anstehende_und_fällige_netzmaßnahmen"></a>4.2. Erinnerungsfunktion für anstehende und fällige Netzmaßnahmen</h3>
-<div class="paragraph">
+<h3 id="_erinnerungsfunktion_f_r_anstehende_und_f_llige_netzma_nahmen"><a class="anchor" href="#_erinnerungsfunktion_f_r_anstehende_und_f_llige_netzma_nahmen"></a>4.2. Erinnerungsfunktion für anstehende und fällige Netzmaßnahmen</h3>
+<div id="__asciidoctor-preview-5534__" class="paragraph">
 <p>Damit anstehende und fällige Geplante Netzmaßnahmen leicht erkannt werden können,
 setzt das Modul zwei optische Hilfsmittel um:</p>
 </div>
-<div class="olist arabic">
+<div id="__asciidoctor-preview-5540__" class="olist arabic">
 <ol class="arabic">
 <li>
 <p>Farbliches Glocken-Symbol in der Kopfzeile</p>
@@ -2086,10 +2141,10 @@
 </li>
 </ol>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5562__" class="paragraph">
 <p>Die Entscheidung, ob eine Erinnerung notwendig ist, basiert auf folgenden Kriterien:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-5568__" class="ulist">
 <ul>
 <li>
 <p>Es werden nur Geplante Netzmaßnahmen in den Status "Neu", "Beantragt" und
@@ -2102,8 +2157,8 @@
 </li>
 </ul>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<caption class="title">Table 6. Erinnerungen</caption>
+<table id="__asciidoctor-preview-5616__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 7. Erinnerungen</caption>
 <colgroup>
 <col style="width: 33.3333%;">
 <col style="width: 33.3333%;">
@@ -2120,12 +2175,12 @@
 <tr>
 <td class="tableblock halign-left valign-top"><div><div class="imageblock">
 <div class="content">
-<img src="./images/erinnerung_glocke_rot.jpg" alt="erinnerung glocke rot">
+<img src="../images/erinnerung_glocke_rot.jpg" alt="erinnerung glocke rot.jpg">
 </div>
 </div></div></td>
 <td class="tableblock halign-left valign-top"><div><div class="imageblock">
 <div class="content">
-<img src="./images/erinnerung_datum_rot.jpg" alt="erinnerung datum rot">
+<img src="../images/erinnerung_datum_rot.jpg" alt="erinnerung datum rot.jpg">
 </div>
 </div></div></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Mindestens eine Geplante Netzmaßnahme sollte bereits gestartet sein.</p></td>
@@ -2135,12 +2190,12 @@
 <tr>
 <td class="tableblock halign-left valign-top"><div><div class="imageblock">
 <div class="content">
-<img src="./images/erinnerung_glocke_grau.png" alt="erinnerung glocke grau">
+<img src="../images/erinnerung_glocke_grau.png" alt="erinnerung glocke grau.png">
 </div>
 </div></div></td>
 <td class="tableblock halign-left valign-top"><div><div class="imageblock">
 <div class="content">
-<img src="./images/erinnerung_datum_grau.png" alt="erinnerung datum grau">
+<img src="../images/erinnerung_datum_grau.png" alt="erinnerung datum grau.png">
 </div>
 </div></div></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Keine Geplante Netzmaßnahme ist fällig oder startet in den nächsten 48 Stunden.</p></td>
@@ -2148,12 +2203,12 @@
 <tr>
 <td class="tableblock halign-left valign-top"><div><div class="imageblock">
 <div class="content">
-<img src="./images/erinnerung_glocke_orange.png" alt="erinnerung glocke orange">
+<img src="../images/erinnerung_glocke_orange.png" alt="erinnerung glocke orange.png">
 </div>
 </div></div></td>
 <td class="tableblock halign-left valign-top"><div><div class="imageblock">
 <div class="content">
-<img src="./images/erinnerung_datum_orange.png" alt="erinnerung datum orange">
+<img src="../images/erinnerung_datum_orange.png" alt="erinnerung datum orange.png">
 </div>
 </div></div></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Mindestens eine Geplante Netzmaßnahme sollte in den nächsten 48 Stunden beginnen.</p></td>
@@ -2163,11 +2218,11 @@
 </div>
 <div class="sect2">
 <h3 id="meldungen-hinweise"><a class="anchor" href="#meldungen-hinweise"></a>4.3. Hinweise und Meldungen nach Benutzeraktionen</h3>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5830__" class="paragraph">
 <p>Nach Benutzeraktionen erscheinen in bestimmten Fällen Meldungen des Systems,
 um den Benutzer:</p>
 </div>
-<div class="olist arabic">
+<div id="__asciidoctor-preview-5836__" class="olist arabic">
 <ol class="arabic">
 <li>
 <p>über den Erfolg der Aktion zu informieren,</p>
@@ -2182,10 +2237,10 @@
 </div>
 <div class="sect3">
 <h4 id="_erfolg_einer_aktion"><a class="anchor" href="#_erfolg_einer_aktion"></a>4.3.1. Erfolg einer Aktion</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5880__" class="paragraph">
 <p>Positive Meldungen sind grün hinterlegt und werden u.a. in folgenden Fällen angezeigt:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-5886__" class="ulist">
 <ul>
 <li>
 <p>Neu-Anlage von Geplanten Netzmaßnahmen</p>
@@ -2198,50 +2253,50 @@
 </li>
 </ul>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-5928__" class="imageblock">
 <div class="content">
-<img src="./images/meldung_erfolgreich.png" alt="meldung erfolgreich">
+<img src="../images/meldung_erfolgreich.png" alt="meldung erfolgreich.png">
 </div>
 <div class="title">Figure 26. Meldung nach erfolgreichem Anlegen einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5934__" class="paragraph">
 <p>Diese Meldungen bleiben für zehn Sekunden sichtbar und verschwinden dann wieder
 automatisch.</p>
 </div>
 </div>
 <div class="sect3">
 <h4 id="_handlungsanweisung"><a class="anchor" href="#_handlungsanweisung"></a>4.3.2. Handlungsanweisung</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5948__" class="paragraph">
 <p>In einigen Situationen muss der Benutzer weitere Aktionen ausführen, damit die
 Handlung erfolgreich abgeschlossen werden kann. Diese gelb hinterlegten Hinweise
 erscheinen im folgenden Fall:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-5954__" class="ulist">
 <ul>
 <li>
 <p>Fehlenden Informationen (Pflichtfelder füllen)</p>
 </li>
 </ul>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-5976__" class="imageblock">
 <div class="content">
-<img src="./images/meldung_hinweis.png" alt="meldung hinweis">
+<img src="../images/meldung_hinweis.png" alt="meldung hinweis.png">
 </div>
 <div class="title">Figure 27. Hinweis Pflichtfelder</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5982__" class="paragraph">
 <p>Diese Meldungen bleiben solange sichtbar bis sie durch den Benutzer über das
 kleine x geschlossen werden.</p>
 </div>
 </div>
 <div class="sect3">
 <h4 id="_fehlermeldungen"><a class="anchor" href="#_fehlermeldungen"></a>4.3.3. Fehlermeldungen</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-5996__" class="paragraph">
 <p>Wenn Aktionen aufgrund technischer Gegebenheiten nicht erfolgreich durchgeführt
 werden können, erscheinen rot hinterlegte Fehlermeldungen. Das kann u.a. in
 folgenden Situationen passieren:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-6002__" class="ulist">
 <ul>
 <li>
 <p>Speichern fehlgeschlagen</p>
@@ -2251,13 +2306,13 @@
 </li>
 </ul>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6034__" class="imageblock">
 <div class="content">
-<img src="./images/meldung_fehler.png" alt="meldung fehler">
+<img src="../images/meldung_fehler.png" alt="meldung fehler.png">
 </div>
 <div class="title">Figure 28. Fehlermeldung</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6040__" class="paragraph">
 <p>Diese Meldungen bleiben solange sichtbar bis sie durch den Benutzer über das
 kleine x geschlossen werden. In diesen Fällen ist der Administrator zu
 informieren.</p>
@@ -2274,25 +2329,25 @@
 <h3 id="allg-funktionen-uebersicht-aller-gnm"><a class="anchor" href="#allg-funktionen-uebersicht-aller-gnm"></a>5.1. In der Übersicht aller Geplanten Netzmaßnahmen</h3>
 <div class="sect3">
 <h4 id="vordefinierte-filter"><a class="anchor" href="#vordefinierte-filter"></a>5.1.1. Vordefinierte Filter</h4>
-<div class="paragraph">
-<p>In der Tabellen-Ansicht sind drei Filer vordefiniert, die über eine
+<div id="__asciidoctor-preview-6086__" class="paragraph">
+<p>In der Tabellen-Ansicht sind drei Filter vordefiniert, die über eine
 Schalterleiste im Tabellenkopf ein- und ausgestellt werden können:</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6100__" class="imageblock">
 <div class="content">
-<img src="./images/vordefinierte_filter.png" alt="vordefinierte filter">
+<img src="../images/vordefinierte_filter.png" alt="vordefinierte filter.png">
 </div>
 <div class="title">Figure 29. Vordefinierte Filter</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6106__" class="paragraph">
 <p>Bei Betätigung eines Filters erfolgt unmittelbar eine Aktualisierung der angezeigten
 Geplanten Netzmaßnahmen in der Tabelle.</p>
 </div>
-<div class="olist arabic">
+<div id="__asciidoctor-preview-6112__" class="olist arabic">
 <ol class="arabic">
 <li>
 <p>Meine Vorgänge</p>
-<div class="ulist">
+<div id="__asciidoctor-preview-6130__" class="ulist">
 <ul>
 <li>
 <p>In der Tabelle werden nur Geplante Netzmaßnahmen angezeigt, bei denen der
@@ -2307,10 +2362,10 @@
 </li>
 <li>
 <p>Geschlossene</p>
-<div class="ulist">
+<div id="__asciidoctor-preview-6178__" class="ulist">
 <ul>
 <li>
-<p>In der Tabelle werden zusätzlich alle geschlossenen Geplanten Netzßmaßnahmen
+<p>In der Tabelle werden zusätzlich alle geschlossenen Geplanten Netzmaßnahmen
 angezeigt.</p>
 </li>
 <li>
@@ -2326,10 +2381,10 @@
 </li>
 <li>
 <p>Stornierte</p>
-<div class="ulist">
+<div id="__asciidoctor-preview-6234__" class="ulist">
 <ul>
 <li>
-<p>In der Tabelle werden zusätzlich alle stornierten Geplanten Netzßmaßnahmen
+<p>In der Tabelle werden zusätzlich alle stornierten Geplanten Netzmaßnahmen
 angezeigt.</p>
 </li>
 <li>
@@ -2348,45 +2403,45 @@
 </div>
 <div class="sect3">
 <h4 id="_filtern_und_sortieren_von_tabellenspalten"><a class="anchor" href="#_filtern_und_sortieren_von_tabellenspalten"></a>5.1.2. Filtern und Sortieren von Tabellenspalten</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6296__" class="paragraph">
 <p>Mit den Filtern in der Übersichtstabelle werden nicht relevante Inhalte ausgeblendet.
 Es kann in einer Spalte gefiltert werden, wie in der Abbildung dargestellt.
-Es können aber auch Filter in mehrern Spalten gleichzeitig definiert werden,
+Es können aber auch Filter in mehreren Spalten gleichzeitig definiert werden,
 um noch gezieltere Suchen durchzuführen.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6310__" class="imageblock">
 <div class="content">
-<img src="./images/tabellen-filter.png" alt="tabellen filter">
+<img src="../images/tabellen-filter.png" alt="tabellen filter.png">
 </div>
 <div class="title">Figure 30. Filter in der Übersichtstabelle</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6316__" class="paragraph">
 <p>Um den Filter zu entfernen, müssen lediglich die zuvor erfassten Filterkriterien
 entfernt werden.</p>
 </div>
 </div>
 <div class="sect3">
 <h4 id="_filtereinstellungen_speichern"><a class="anchor" href="#_filtereinstellungen_speichern"></a>5.1.3. Filtereinstellungen speichern</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6332__" class="paragraph">
 <p>Jeder Benutzer hat die Möglichkeit seinen individuellen Filter zu speichern. Dies erfolgt
 über die Schaltfläche "Filter Speichern" im Tabellenkopf.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6346__" class="imageblock">
 <div class="content">
-<img src="./images/filter_speichern.png" alt="filter speichern">
+<img src="../images/filter_speichern.png" alt="filter speichern.png">
 </div>
 <div class="title">Figure 31. Schaltfläche zum Speichern des aktuellen Filters</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6352__" class="paragraph">
 <p>Die Schaltfläche "Filter Speichern" ist solange deaktiviert, bis eine Änderung an
-den Filtereinstellung vornommen wird. Soll der aktuelle Filter dauerhaft gespeichert werden,
+den Filtereinstellung vorgenommen wird. Soll der aktuelle Filter dauerhaft gespeichert werden,
 so ist ein Klick auf die Schaltfläche "Filter Speichern" notwendig. Damit ist
 der neue Filter als Standardeinstellung für den aktuellen Benutzer gesetzt.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6356__" class="paragraph">
 <p>Folgende Filter-Einstellungen werden gespeichert:</p>
 </div>
-<div class="ulist">
+<div id="__asciidoctor-preview-6362__" class="ulist">
 <ul>
 <li>
 <p>Vordefinierte Filter</p>
@@ -2402,37 +2457,37 @@
 </div>
 </div>
 <div class="sect2">
-<h3 id="_bei_der_bearbeitung_von_geplanten_netzmaßnahmen"><a class="anchor" href="#_bei_der_bearbeitung_von_geplanten_netzmaßnahmen"></a>5.2. Bei der Bearbeitung von Geplanten Netzmaßnahmen</h3>
+<h3 id="_bei_der_bearbeitung_von_geplanten_netzma_nahmen"><a class="anchor" href="#_bei_der_bearbeitung_von_geplanten_netzma_nahmen"></a>5.2. Bei der Bearbeitung von Geplanten Netzmaßnahmen</h3>
 <div class="sect3">
 <h4 id="_dateien_hochladen_anzeigen_und_entfernen"><a class="anchor" href="#_dateien_hochladen_anzeigen_und_entfernen"></a>5.2.1. Dateien hochladen, anzeigen und entfernen</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6436__" class="paragraph">
 <p>Zu jeder Geplanten Netzmaßnahme können bis zu 10 Dateien (mit jeweils maximal
 20 MB Größe) hochgeladen und gespeichert werden.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6440__" class="paragraph">
 <p>Dazu existiert in jeder Geplanten Netzmaßnahme im Bereich "Details der Netzmaßnahme"
 folgender Bereich zum Verwalten von Dateien:</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6454__" class="imageblock">
 <div class="content">
-<img src="./images/dateien_hochladen.png" alt="dateien hochladen">
+<img src="../images/dateien_hochladen.png" alt="dateien hochladen.png">
 </div>
 <div class="title">Figure 32. Dateien hochladen und ansehen</div>
 </div>
 <div class="sect4">
 <h5 id="_datei_hochladen"><a class="anchor" href="#_datei_hochladen"></a>Datei hochladen</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6470__" class="paragraph">
 <p>Dateien können nur in den Status "Neu" und "Beantragt" hochgeladen werden.</p>
 </div>
-<div class="paragraph">
-<p>Die Schaltfläche "Datei auswählen" öffent einen Dialog zur Auswahl einer Datei
+<div id="__asciidoctor-preview-6474__" class="paragraph">
+<p>Die Schaltfläche "Datei auswählen" öffnet einen Dialog zur Auswahl einer Datei
 im Dateisystem. Alternativ kann eine Datei per Drag and Drop in den Bereich
 "Datei ziehen und hier ablegen" gezogen werden. Anschließend ist der Dateiname
 im grauen Feld unter "Anhang" sichtbar und die Schaltfläche "Datei hochladen"
 aktiviert. Mit einem Klick auf "Datei hochladen" erfolgt der Upload. Anschließend
 erscheint die erfolgreich hochgeladene Datei in der Liste.</p>
 </div>
-<div class="admonitionblock caution">
+<div id="__asciidoctor-preview-6480__" class="admonitionblock caution">
 <table>
 <tr>
 <td class="icon">
@@ -2446,7 +2501,7 @@
 </tr>
 </table>
 </div>
-<div class="admonitionblock caution">
+<div id="__asciidoctor-preview-6486__" class="admonitionblock caution">
 <table>
 <tr>
 <td class="icon">
@@ -2458,11 +2513,11 @@
 </tr>
 </table>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6490__" class="paragraph">
 <p>Folgende Dateiformate können hochgeladen werden:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<caption class="title">Table 7. Unterstützte Dateiformate(*)</caption>
+<table id="__asciidoctor-preview-6508__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 8. Unterstützte Dateiformate(*)</caption>
 <colgroup>
 <col style="width: 33.3333%;">
 <col style="width: 33.3333%;">
@@ -2488,17 +2543,17 @@
 </tr>
 </tbody>
 </table>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6586__" class="paragraph">
 <p>(*) Sollte eine Unterstützung weiterer Dateiformate notwendig sein, so kann dies
 der Administrator in der Konfiguration anpassen.</p>
 </div>
 </div>
 <div class="sect4">
 <h5 id="_datei_anzeigen"><a class="anchor" href="#_datei_anzeigen"></a>Datei anzeigen</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6602__" class="paragraph">
 <p>Hochgeladene Dateien können in jedem Status angezeigt werden.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6606__" class="paragraph">
 <p>Mit einem Klick auf den Dateinamen öffnet sich die Datei in einem externen
 Programm, das für den entsprechenden Dateitypen definiert ist. Ggf. erscheint
 zusätzlich eine Meldung vom Browser.</p>
@@ -2506,14 +2561,14 @@
 </div>
 <div class="sect4">
 <h5 id="_datei_entfernen"><a class="anchor" href="#_datei_entfernen"></a>Datei entfernen</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6622__" class="paragraph">
 <p>Hochgeladene Dateien können nur im Status "Neu" entfernt werden.</p>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6626__" class="paragraph">
 <p>Mit einem Klick auf das rote Kreuz hinter dem entsprechenden Dateinamen wird
 die Datei ohne Rückfrage entfernt.</p>
 </div>
-<div class="admonitionblock caution">
+<div id="__asciidoctor-preview-6632__" class="admonitionblock caution">
 <table>
 <tr>
 <td class="icon">
@@ -2529,10 +2584,10 @@
 </div>
 <div class="sect3">
 <h4 id="email-verteiler-anpassen"><a class="anchor" href="#email-verteiler-anpassen"></a>5.2.2. eMail-Verteiler für Status Genehmigt, Storniert und Zurückgewiesen anpassen</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6650__" class="paragraph">
 <p>Die Adressaten der eMail-Benachrichtigung werden auf zwei Ebenen definiert:</p>
 </div>
-<div class="olist arabic">
+<div id="__asciidoctor-preview-6656__" class="olist arabic">
 <ol class="arabic">
 <li>
 <p>Der Administrator konfiguriert die Adressaten in der System-Konfiguration.
@@ -2548,7 +2603,7 @@
 </li>
 </ol>
 </div>
-<div class="admonitionblock caution">
+<div id="__asciidoctor-preview-6692__" class="admonitionblock caution">
 <table>
 <tr>
 <td class="icon">
@@ -2561,59 +2616,59 @@
 </tr>
 </table>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6706__" class="imageblock">
 <div class="content">
-<img src="./images/email-verteiler.png" alt="email verteiler">
+<img src="../images/email-verteiler.png" alt="email verteiler.png">
 </div>
 <div class="title">Figure 33. Individueller eMail-Verteiler für eine Geplante Netzmaßnahme</div>
 </div>
 </div>
 <div class="sect3">
-<h4 id="_statuswechsel_durchführen"><a class="anchor" href="#_statuswechsel_durchführen"></a>5.2.3. Statuswechsel durchführen</h4>
+<h4 id="_statuswechsel_durchf_hren"><a class="anchor" href="#_statuswechsel_durchf_hren"></a>5.2.3. Statuswechsel durchführen</h4>
 <div class="sect4">
 <h5 id="statuswechsel-allgemein"><a class="anchor" href="#statuswechsel-allgemein"></a>Allgemeine Statuswechsel</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6736__" class="paragraph">
 <p>Statuswechsel erfolgen grundsätzlich über die entsprechende Schaltfläche innerhalb
 einer Geplanten Netzmaßnahme. Je nach Status der Geplanten Netzmaßnahme und
 der Benutzerrolle des angemeldeten Benutzers wird die jeweils gültige
 Schaltfläche für den Statuswechsel angezeigt, wie z.B. beim Wechsel des Status
 zu "Beantragt".</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6750__" class="imageblock">
 <div class="content">
-<img src="./images/beantragen.png" alt="beantragen">
+<img src="../images/beantragen.png" alt="beantragen.png">
 </div>
 <div class="title">Figure 34. Schaltfläche für Wechsel zum Status "Beantragen"</div>
 </div>
 </div>
 <div class="sect4">
 <h5 id="statuswechsel-stornieren"><a class="anchor" href="#statuswechsel-stornieren"></a>Stornieren von Geplanten Netzmaßnahmen</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6768__" class="paragraph">
 <p>Die einzige Ausnahme bildet das Stornieren von Geplanten Netzmaßnahmen. Hier erfolgt
 der Statuswechsel in der Tabellen-Ansicht. Dort wird in der Liste bei der entsprechenden
 Geplanten Netzmaßnahme die Stornieren-Schaltfläche geklickt, die im Folgenden
 dargestellt ist.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6782__" class="imageblock">
 <div class="content">
-<img src="./images/stornieren.png" alt="stornieren">
+<img src="../images/stornieren.png" alt="stornieren.png">
 </div>
 <div class="title">Figure 35. Schaltfläche zum Stornieren einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6788__" class="paragraph">
 <p>Anschließend muss eine Begründung für das Stornieren der Geplanten Netzmaßnahme
-eingetragen und mit einem Klick auf "Bestätigen" finalisert werden.</p>
+eingetragen und mit einem Klick auf "Bestätigen" finalisiert werden.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6802__" class="imageblock">
 <div class="content">
-<img src="./images/stornieren_kommentar.png" alt="stornieren kommentar">
+<img src="../images/stornieren_kommentar.png" alt="stornieren kommentar.png">
 </div>
 <div class="title">Figure 36. Begründung für das Stornieren einer Geplanten Netzmaßnahme erfassen</div>
 </div>
 </div>
 <div class="sect4">
 <h5 id="_weitere_details"><a class="anchor" href="#_weitere_details"></a>Weitere Details</h5>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6820__" class="paragraph">
 <p>Eine Übersicht welche Statuswechsel welche Benutzerrolle durchführen darf,
 befindet sich im Abschnitt <a href="#uebersicht-benutzerrollen">Benutzerrollen und Aufgaben</a>.</p>
 </div>
@@ -2622,30 +2677,30 @@
 </div>
 <div class="sect2">
 <h3 id="gnm-duplizieren"><a class="anchor" href="#gnm-duplizieren"></a>5.3. Geplante Netzmaßnahme duplizieren</h3>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6840__" class="paragraph">
 <p>Jede Geplante Netzmaßnahme (unabhängig vom Status) kann dupliziert
 werden, um die Neuanlage einer Geplanten Netzmaßnahme zu vereinfachen.
 Dazu ist die als Grundlage dienende Geplante Netzmaßnahme,
 entweder über das Auge- oder das Stift-Symbol, zu öffnen. Innerhalb der Geplanten
 Netzmaßnahme befindet sich die Schaltfläche "Netzmaßnahme duplizieren".</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-6854__" class="imageblock">
 <div class="content">
-<img src="./images/netzmassnahme_duplizieren.png" alt="netzmassnahme duplizieren">
+<img src="../images/netzmassnahme_duplizieren.png" alt="netzmassnahme duplizieren.png">
 </div>
 <div class="title">Figure 37. Schaltfläche zum Duplizieren einer Geplanten Netzmaßnahme</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-6860__" class="paragraph">
 <p>Mit Klick auf die Schaltfläche "Netzmaßnahme duplizieren" öffnet sich eine
 neue Geplante Netzmaßnahme, die bereits mit den Inhalten der zuvor ausgewählten
 Netzmaßnahme gespeichert wurde.</p>
 </div>
-<div class="paragraph">
-<p>Grundsätzlich sind die Inhalte identisch. Lediglich bei folgenden Felder existieren
+<div id="__asciidoctor-preview-6864__" class="paragraph">
+<p>Grundsätzlich sind die Inhalte identisch. Lediglich bei folgenden Feldern existieren
 Unterschiede:</p>
 </div>
-<table class="tableblock frame-all grid-all spread">
-<caption class="title">Table 8. Feld-Anpassungen beim Duplizieren von Geplanten Netzmaßnahmen</caption>
+<table id="__asciidoctor-preview-6882__" class="tableblock frame-all grid-all spread">
+<caption class="title">Table 9. Feld-Anpassungen beim Duplizieren von Geplanten Netzmaßnahmen</caption>
 <colgroup>
 <col style="width: 50%;">
 <col style="width: 50%;">
@@ -2658,7 +2713,7 @@
 </thead>
 <tfoot>
 <tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">Statuswechsel-Hisotrie</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">Statuswechsel-Historie</p></td>
 <td class="tableblock halign-left valign-top"><p class="tableblock">Entfernt</p></td>
 </tr>
 </tfoot>
@@ -2689,41 +2744,41 @@
 <div class="sect2">
 <h3 id="_weitere_funktionen"><a class="anchor" href="#_weitere_funktionen"></a>5.4. Weitere Funktionen</h3>
 <div class="sect3">
-<h4 id="_modul_geplante_netzmaßnahme_aus_portal_starten"><a class="anchor" href="#_modul_geplante_netzmaßnahme_aus_portal_starten"></a>5.4.1. Modul "Geplante Netzmaßnahme" aus Portal starten</h4>
-<div class="paragraph">
+<h4 id="_modul_geplante_netzma_nahme_aus_portal_starten"><a class="anchor" href="#_modul_geplante_netzma_nahme_aus_portal_starten"></a>5.4.1. Modul "Geplante Netzmaßnahme" aus Portal starten</h4>
+<div id="__asciidoctor-preview-7016__" class="paragraph">
 <p>Nach erfolgreicher Anmeldung am openKONSEQUENZ-Portal und mit entsprechender
 Berechtigung für das Modul "Geplante Netzmaßnahme" ist die Kachel für das Modul
 sichtbar. Mit einem Klick auf die Kachel startet das Modul "Geplante Netzmaßnahme"
 in einem neuen Fenster.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-7030__" class="imageblock">
 <div class="content">
-<img src="./images/oeffnen-modul.png" alt="oeffnen modul">
+<img src="../images/oeffnen-modul.png" alt="oeffnen modul.png">
 </div>
 <div class="title">Figure 38. Kachel zum Starten des Moduls "Geplante Netzmaßnahme"</div>
 </div>
 </div>
 <div class="sect3">
 <h4 id="_benutzersperre_aufheben"><a class="anchor" href="#_benutzersperre_aufheben"></a>5.4.2. Benutzersperre aufheben</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-7048__" class="paragraph">
 <p>Sobald ein Benutzer eine Geplante Netzmaßnahme zum Bearbeiten (über das Stift-Symbol)
-öffnet, ist diese Geplante Netznaßnahme für andere Benutzer im Zeitraum der Bearbeitung
+öffnet, ist diese Geplante Netzmaßnahme für andere Benutzer im Zeitraum der Bearbeitung
 gesperrt. Wenn ein anderer Benutzer nun in diesem Zeitraum die gleiche Geplante
 Netzmaßnahme zum Bearbeiten öffnet, erscheint ein Hinweis. Dieser enthält neben
 dem Namen des anderen Bearbeiters auch die Möglichkeit die Sperre gleich aufzuheben.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-7062__" class="imageblock">
 <div class="content">
-<img src="./images/sperrung_aufheben.png" alt="sperrung aufheben">
+<img src="../images/sperrung_aufheben.png" alt="sperrung aufheben.png">
 </div>
 <div class="title">Figure 39. Sperrung durch einen anderen Benutzer aufheben</div>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-7068__" class="paragraph">
 <p>Beim Klick auf die Schaltfläche "Sperrung aufheben" wird die Bearbeitung für diese
 Geplante Netzmaßnahme freigeschalten und der Benutzer kann seine Änderungen an der
 geplanten Netzmaßnahme durchführen und speichern.</p>
 </div>
-<div class="admonitionblock caution">
+<div id="__asciidoctor-preview-7074__" class="admonitionblock caution">
 <table>
 <tr>
 <td class="icon">
@@ -2732,7 +2787,7 @@
 <td class="content">
 Der andere Bearbeiter erhält keinen Hinweis, dass die Sperrung aufgehoben wurde.
 D.h. es muss organisatorisch sichergestellt werden, dass der andere Bearbeiter
-die Geplante Netzmaßnahme nicht im gleichen Zeitraum weiter bearbeitet.
+die Geplante Netzmaßnahme nicht im gleichen Zeitraum weiterbearbeitet.
 </td>
 </tr>
 </table>
@@ -2740,16 +2795,16 @@
 </div>
 <div class="sect3">
 <h4 id="_abmelden"><a class="anchor" href="#_abmelden"></a>5.4.3. Abmelden</h4>
-<div class="paragraph">
+<div id="__asciidoctor-preview-7088__" class="paragraph">
 <p>Die Schaltfläche zum Abmelden befindet sich hinter dem Benutzernamen.</p>
 </div>
-<div class="imageblock">
+<div id="__asciidoctor-preview-7102__" class="imageblock">
 <div class="content">
-<img src="./images/abmelden.png" alt="abmelden">
+<img src="../images/abmelden.png" alt="abmelden.png">
 </div>
 <div class="title">Figure 40. Abmelden vom openKONSEQUENZ-System</div>
 </div>
-<div class="admonitionblock caution">
+<div id="__asciidoctor-preview-7110__" class="admonitionblock caution">
 <table>
 <tr>
 <td class="icon">
@@ -2757,26 +2812,22 @@
 </td>
 <td class="content">
 Beim Klick auf "Abmelden" erfolgt nicht nur die Abmeldung vom Modul Geplante
-Netznahme, sondern die Abmeldung vom Portal. D.h. alle parallel geöffneten
+Netzmaßnahme, sondern die Abmeldung vom Portal. D.h. alle parallel geöffneten
 openKONSEQUENZ-Module (wie z.B. Betriebstagebuch, Bereitschaftsplanung) werden
 automatisch mit abgemeldet.
 </td>
 </tr>
 </table>
 </div>
-<div class="paragraph">
+<div id="__asciidoctor-preview-7114__" class="paragraph">
 <p>Um die parallel geöffneten openKONSEQUENZ-Module nicht mit abzumelden, ist
-lediglich das Browserfenster mit dem Modul Geplante Netzmaßnahnme zu schließen.</p>
+lediglich das Browserfenster mit dem Modul Geplante Netzmaßnahme zu schließen.</p>
 </div>
 </div>
 </div>
 </div>
 </div>
-</div>
-<div id="footer">
-<div id="footer-text">
-Last updated 2018-09-17 03:05:55 MESZ
-</div>
-</div>
-</body>
-</html>
+        </div>
+      </div>
+    </body>
+  </html>
diff --git a/src/styles.css b/src/styles.css
index 80228c7..1077ed8 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -13,7 +13,6 @@
  *******************************************************************************
 */
 
-
 /* You can add global styles to this file, and also import other style files */
 
 @import url("assets/source-sans-pro/source-sans-pro.css");
@@ -469,3 +468,31 @@
     color: rgb(51, 121, 183);
   }
 }
+
+.cancelBtnDisabled:hover {
+  background-color: rgba(232, 130, 58, 0.471) !important;
+  border: none !important;
+  color: grey;
+  width: 32px;
+  height: 28px;
+}
+
+.cancelBtnDisabled {
+  background-color: rgba(232, 130, 58, 0.471);
+  border: none;
+  color: grey;
+  width: 32px;
+  height: 28px;
+}
+
+.cancelBtn:hover {
+  background-color: #f18d48;
+  border: none;
+}
+
+.cancelBtn {
+  background-color: #f79e60;
+  width: 32px;
+  height: 28px;
+  border: none;
+}