.anzeigebereich {
    position: fixed;
    top: 95px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    width: 630px;
    margin: 0 auto;
}
.anzeigebereich .nachrichtenbereich {
}

.nachrichtenbereich .abt-nachricht {
    margin-top: 10px;
}
.nachrichtenbereich .nachricht {
    border: solid 1px #ccc;
    max-width: 600px;
    margin: 20px;
}
.nachrichtenbereich .nachricht button {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: top;
    padding: 0;
    border: 0;
    background-color: #eee;
}
.nachrichtenbereich .nachricht button svg {
    width: 22px;
    height: 22px;
}
.nachrichtenbereich .nachricht  button.btn-oeffnen svg {
    transform: rotate(90deg);
}
.nachrichtenbereich .nachricht .n-symbol {
    display: inline-block;
    vertical-align: top;
    padding: 2px 0px;
}
.nachrichtenbereich .nachricht .n-symbol svg {
    width: 18px;
    height: 15px;
    color: #999;
    margin: 0 5px 0 10px;
}
.nachrichtenbereich .nachricht .n-symbol-gesendet svg {
}
.nachrichtenbereich .nachricht .n-symbol-gelesen svg {
    transform: rotate(180deg);
}
.nachrichtenbereich .nachricht .n-datum {
    display: inline-block;
    width: 130px;
    height: 18px;
    vertical-align: top;
}
.nachrichtenbereich .nachricht .auswahl {   /* von baustein anpassen */
    display: inline-block;
}
.nachrichtenbereich .nachricht .n-anzeige {
    border: solid 1px #000;
    padding: 4px;
}
.nachrichtenbereich .nachricht .todo-datum {
    display: block;
    margin: 4px 0;
}
.nachrichtenbereich .nachricht .todo-inhalt {
    border-top: dotted 1px #333;
}
.nachrichtenbereich .nachricht .todo-inhalt label {
    width: 100%;
    font-size: 0.8em;
}
.nachrichtenbereich .nachricht .n-betreff {
    display: inline-block;
    width: 100%;
    text-decoration: underline;
}
.nachrichtenbereich .nachricht .n-inhalt {
    display: inline-block;
    width: 100%;
    margin: 4px 0;
}
.nachrichtenbereich .nachricht .n-link {
    display: inline-block;
    width: 100%;
    margin: 4px 0;
}
.nachrichtenbereich .nachricht .n-bemerkung {
    display: inline-block;
    width: 100%;
    font-style: italic;
}
.nachrichtenbereich .nachricht .btn-antwortsenden svg {
    width: 18px;
    height: 18px;
}
.nachrichtenbereich .prio {
    width: 20px;
    height: 20px;
    padding: 0;
    font-weight: bold;
}
.nachrichtenbereich .prio[value="1"] {
    background-color: #f90;
}
.nachrichtenbereich .prio[value="2"] {
    background-color: #f00;
}
.nachrichtenbereich .n-prio.mittel {
    color: #f90;
}
.nachrichtenbereich .n-prio.hoch {
    color: #f00;
}
.nachrichtenbereich input[type=checkbox] {
    width: 20px;
    margin: 0 6px 0 4px;
}
.nachrichtenbereich label {
    display: inline-block;
    width:110px;
}
.nachrichtenbereich span.schmal {
    display: inline-block;
    width: 80px;
}
.nachrichtenbereich input.schmal {
    width: 80px;
}
.nachrichtenbereich textarea.breit {
    width: calc(100% - 30px);
}