/* Hier bitte wie gewohnt die CSS-Fixes einstellen, nicht in die doNotEditFixes.css */

/* ??? Wo kommt das her ??? Wozu ist das gut ??? */
option:disabled, optgroup:disabled {
    color: silver;
}

/* SNOVA-4864 Buttons sollen jetzt wohl doch rechts angeordnet werden (siehe kommentar von Kristina) */
div.chooseDialogue div.chooseButtons {
    text-align: right;
}

/* ENDE SNOVA-4864*/

/* SNOVA-4461 Änderung der Text- und Hintergrundfarben bei Feldern, die nur im Lesemodus freigegeben sind */
#form .readonly,
div.dialogue .readonly {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
}

/* ENDE SNOVA-4461 */

/* SNOVA-326 Änderung der Text- und Hintergrundfarben bei Feldern im Bereich LuV, die nur im Lesemodus freigegeben sind */
#form .readonlynoframe,
div.dialogue .readonlynoframe {
    background-color: transparent !important;
    color: #000 !important;
    border-color: transparent !important;
}

/* ENDE SNOVA-326 */

#menu div.selected, #menu div.data {
    padding: 0 10px 0 26px;
}

/* ENDE SNOVA-3209 */

/* START SNOVA-4936*/
#menu div.tree#ausgabeEditorContextTreeDiv li div span,
#menu div.tree#kursEditorContextTreeDiv li div span,
#menu div.tree#produktEditorcontextTreeDiv li div span.node-ordner {
    width: auto;
}

#menu div.tree#produktEditorcontextTreeDiv li div span {
    width: 230px;
}

/* ENDE SNOVA-4936 */

/* START SNOVA-5009 */
#form .readonly.select, div.dialogue .readonly.select {
    background-color: transparent !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

/* ENDE SNOVA-5009 */

/* SNOVA-2527 label.deadline hat leider zu viele Abstände in der screen.css definiert */
#form label.deadline {
    margin-left: 0;
    margin-right: 0;
}

/* ENDE SNOVA-2527  */

/* SNOVA-4899 */
div.dialogue a.book {
    background: url("../_images/icon/icon_book.png") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 34px;
    margin: 1px 0 0 -34px;
    padding: 0;
    width: 50px;
}

div.dialogue a.book:hover, div.dialogue a.book.active {
    background: url("../_images/icon/icon_book_hover.png") no-repeat scroll left top transparent;
}

div.textlist {
    padding-top: 7px;
    background: url('../_images/icon/icon_up.png') no-repeat scroll 8px 1px transparent;
    position: absolute;
    z-index: 100000;
    width: 250px;

}

div.textlist div.textlistWrapper {
    background-color: #fff;
    border: 1px solid #000;
    overflow: auto;
    max-height: 208px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

div.textlist ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.textlist ul.wait {
    height: 30px;
    background: url('../_images/icon/icon_wait.gif') no-repeat scroll center;
}

div.textlist ul li.entry {
    cursor: default;
}

div.textlist ul li {
    line-height: 20px;
    font-size: 11px;
    color: #000;
    padding: 5px 8px;
}

div.textlist ul li.entry:hover {
    background-color: #EEEEEE;
}

/* SNOVA-4899 */

/* BEGINN SNOVA-4378 */
form dt span.hidden {
    display: none;
}

/* form dt div.fieldcombination-one-third label.left {
	min-width: 85px !important;
	width: 85px !important;
} */
div.dialogue select option.hidden {
    display: none;
}

#form div.edit div.multirow {
    padding-top: 3px;
    padding-bottom: 3px;
}

#form div.edit div.multirow span.value {
    line-height: 13px;
}

#form label.left.multirow {
    height: auto;
    line-height: 16px;
    padding-bottom: 3px;
    padding-top: 5px;
    white-space: normal;
    width: 115px;
}

/* #form label.left {
    white-space: nowrap;
} */

#form div.fieldcombination-one-half span.value,
#form div.fieldcombination-one-third span.value {
    overflow: hidden;
    float: left;
    white-space: nowrap;
    max-width: 90%;
}

#form div.fieldcombination-one-half {
    float: left;
    width: 50%;
}

#form div.fieldcombination-one-third {
    float: left;
    width: 33.3%;
}

#form span.multiselect a.multiselect-select {
    display: inline-block;
    float: left;
    margin: 4px 0px 0px 0px;
}

/* Ab hier auch in widefixes.css entsprechend */
form dt span.multiselect {
    max-width: 550px !important;
}

form dt span.multiselect a.multiselect-value {
    max-width: 530px !important;
}

#form span.multiselect {
    width: 560px;
    display: inline-block;
    line-height: 20px;
    white-space: nowrap;
}

#form div.fieldcombination-one-half span.multiselect {
    width: 210px !important;
}

#form div.fieldcombination-one-third span.multiselect {
    width: 125px !important;
    padding-left: 2px;
}

#form span.multiselect a.multiselect-value {
    display: inline;
    float: left;
    max-width: 540px;
    overflow: hidden;
    white-space: nowrap;
    margin: 3px 4px 0px 0px;
}

#form div.fieldcombination-one-half a.multiselect-value {
    max-width: 192px !important;
}

#form div.fieldcombination-one-third a.multiselect-value {
    max-width: 104px !important;
}
#form div.edit div.fieldcombination-one-half .normal,
#form div.edit div.fieldcombination-one-half .entire {
    width: 203px;
}

#form div.edit div.fieldcombination-one-half select.normal {
    width: 208px;
}

#form div.edit div.fieldcombination-one-third .normal,
#form div.edit div.fieldcombination-one-third .entire {
    width: 117px;
}

#form div.edit div.fieldcombination-one-third select.normal {
    width: 123px;
}

#form div.edit div.fieldcombination-one-third textarea.small {
    width: 90px;
}

#dialogue fieldset span.value {
    max-width: 330px;
    overflow: hidden;
    float: left;
    white-space: nowrap;
}

/* ENDE SNOVA-4378 */

/* SNOVA-5038 Quickfix bis zur Umsetzung von SDGN-32 */
#menu div#kontaktContextTreeDiv.tree li li li div span {
    width: 220px;
}

#menu div#kontaktContextTreeDiv.tree li li li li div span {
    width: 200px;
}

#menu div#kontaktContextTreeDiv.tree li li li li li div span {
    width: 180px;
}

#menu div#kontaktContextTreeDiv.tree li li li li li li div span {
    width: 160px;
}

#menu div#kontaktContextTreeDiv.tree li li li li li li li div span {
    width: 140px;
}

#menu div#kontaktContextTreeDiv.tree li li li li li li li li div span {
    width: 120px;
}

#menu div#anwesenheitGruppeContextTreeDiv.tree li li div span {
    width: 140px;
}

#menu div#anwesenheitGruppeContextTreeDiv.tree li li li div span {
    width: 120px;
}

#menu div#anwesenheitGruppeContextTreeDiv.tree li li li li div span {
    width: 100px;
}

#menu div#anwesenheitGruppeContextTreeDiv.tree li li li li li div span {
    width: 80px;
}

#menu div#anwesenheitGruppeContextTreeDiv.tree li li li li li li div span {
    width: 60px;
}

/* ENDE SNOVA-5038 */

/* SNOVA-4975 Mouse-Cursor ersetzen wenn ein relevanter Link geklickt wurde */
.cursorWait, .cursorWait label, .cursorWait a, .cursorWait input, .cursorWait select, .cursorWait textarea, .cursorWait button, .cursorWait tr {
    cursor: wait !important; /* Alternativ wäre statt "wait" auch "progress" anwendbar */
}

/* Workaround, damit auch außerhalb des Content-Bereichs und der Themeninseln stets der Cursor korrekt angezeigt wird. */
#page {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

/* ENDE SNOVA-4975 */

/* BEGINN SNOVA-4948 */
#form div.expand {
    text-align: center;
}

#form div.expand img {
    margin: 3px 0px 0px !important;
}

#form div.data.vermerkTable {
    height: 100px;
}

#form div.expanded div.data.vermerkTable {
    height: 218px !important;
}

td.not-editable {
    /* war ursprünglich grau (wie td.inactive), aber das ist laut Ralf wegen
    Barrierefreiheit usw. nicht so gut, also ggf. andere Kennzeichnung von
    nicht editierbaren Zellen/Zeilen überlegen und hier anpassen */
}

/* ENDE SNOVA-4948 */

/* START SNOVA-2844 überflüssige Scrollbalken auf selbsterstellten Formularen */
#form div.edit {
    overflow-y: auto;
}

/* ENDE SNOVA-2844 überflüssige Scrollbalken auf selbsterstellten Formularen */

/* START SNOVA-5262 AC in Themeninsel */
#menu input.select {
    padding-right: 14px;
    margin: 0 0 2px;
}

/* Notwendig, da die Vorschlagsliste mittels JavaScript in Themeninseln falsch positioniert wird */
#menu div.autocomplete {
    margin-left: -3px;
    margin-top: -2px;
}

#menu div.narrow input.autocomplete {
    width: 184px;
}

#menu div.narrow div.autocomplete {
    width: 204px;
}

#menu div.wide input.autocomplete {
    width: 314px;
}

#menu div.wide div.autocomplete {
    width: 334px;
}

#menu div.wide div.booking input.autocomplete {
    width: 280px;
}

#menu div.wide div.booking div.autocomplete {
    width: 300px;
}

#menu div.extra input.autocomplete {
    width: 420px;
}

#menu div.extra div.autocomplete {
    width: 440px;
}

#menu div.autocomplete ul.scroll {
    max-height: 200px;
    overflow: auto;
}

#menu div.autocomplete ul {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/* ENDE SNOVA-5262 */

/* Im Rahmen von SNOVA-4180. Scroll-Balken für Text in Fehler/Hinweis-Schublade, wenn dieser zu lang ist. */
div.prompt p > span {
    display: block;
    height: 70px;
    overflow-y: auto;
}

/* ENDE SNOVA-4180 */

/* START SNOVA-2175 => Link zum Entfernen des Teilnehmerbildes */
#menu div.wide div.portrait div.remove {
    background: url("../_images/back/back_opacity-50.png") repeat scroll 0 0 transparent;
    display: none;
    margin: -1px -1px -1px;
    padding: 6px;
}

#menu div.wide div.portrait div.upload {
    background: url("../_images/back/back_opacity-50.png") repeat scroll 0 0 transparent;
    display: none;
    margin: 3px -1px -1px;
    padding: 6px;
}

#menu div.wide div.portrait:hover div.remove {
    display: block;
}

#menu div.wide div.portrait div.remove a {
    background: url("../_images/icon/editor/icon_trash.png") no-repeat scroll right top transparent;
    display: block;
    font-size: 11px;
    padding-right: 10px;
    text-decoration: underline;
}

/* ENDE SNOVA-2175 => Link zum Entfernen des Teilnehmerbildes */

/* START SNOVA-5641 - unnötige Whitespaces aus HTML entfernen, Fix für zwei aufeinander folgende Input-Felder */
#form input.follow, #form select.follow,
#dialogue input.follow, #dialogue select.follow {
    margin-left: 3px;
}

#form .admin input.follow, #form .admin select.follow {
    margin-left: 0px;
}

#form img.icon, #dialogue img.icon {
    margin: 0 5px 0 3px;
}

/* ENDE SNOVA-5641 */

/* START SNOVA-1844 */
#administration tr.notEditable {
    color: grey;
}

/* ENDE SNOVA-1844 */

/* START SNOVA-200 / SNOVA-5819 */
span.two-thirds, a.two-thirds {
    width: 135px;
}

span.entire, a.entire {
    width: 209px;
}

span.multilined {
    margin-left: 120px;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ENDE SNOVA-200 / SNOVA-5819 */

/* START SNOVA-4224 */
div.adminContext#panel2 {
    height: 365px;
    top: 10px;
}

/* ENDE SNOVA-4224 */

/* START SNOVA-5740 - Autocompleter anpassen/Paginierungspfeil */
div.autocomplete li.pagination a {
    font-weight: 800;
}

/* ENDE SNOVA-5740 - Autocompleter anpassen/Paginierungspfeil */

/* START SNOVA-5827 */
div.login a.ergovia {
    /*
    obsolet mit SNOVA-6298:
    margin-top: 220px;
    */
}

/* ENDE SNOVA-5827 */

/* START SNOVA-788 */

/* Passwort-Felder wurden bisher gar nicht gestylt */
#form input[type="password"], div.dialogue input[type="password"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    margin: 3px 0 0;
    padding: 1px 2px;
}

#form input[type="password"][readonly="readonly"], div.dialogue input[type="password"][readonly="readonly"] {
    background-color: #E6E6E6;
    border: 1px solid #595959;
    color: #595959;
}

/* Liste für Aufzählungen im Content-Bereich */
ul.value {
    -moz-padding-start: 10px;
    margin: 0;
}

ul.value li {
    font-size: 11px;
    line-height: 24px;
}

/* Aus dem "Kennwort ändern"-Formular ausgelagerter CSS */
#form #password_strength {
    display: block;
    width: 150px;
    float: left;
    text-align: left;
    font-size: smaller;
    margin-left: 8px;
    line-height: 15px;
}

#password_bar {
    float: left;
    height: 4px;
    margin-top: -1px;
    border: 1px solid black;
    border-radius: 2px;
    background: #ebebeb;
}

#password_meter {
    height: 100%;
}

div.strength1 {
    background: #FF0000;
    width: 10%;
}

div.strength2 {
    background: #FF6600;
    width: 25%;
}

div.strength3 {
    background: #f5ac00;
    width: 50%;
}

div.strength4 {
    background: #6699cc;
    width: 75%;
}

div.strength5 {
    background: #008000;
    width: 100%;
}

label.strength1 {
    color: #FF0000;
}

label.strength2 {
    color: #FF6600;
}

label.strength3 {
    color: #f5ac00;
}

label.strength4 {
    color: #6699cc;
}

label.strength5 {
    color: #008000;
}

/* ENDE SNOVA-788 */

/* START SNOVA-5273 Weekpicker */
div.datepicker.weekpicker tbody tr:hover td a {
    background-color: inherit;
    border: none;
    padding: 0px;
}

div.datepicker.weekpicker tbody tr:hover td a.today,
div.datepicker.weekpicker tbody tr.rowselected:hover td a.today {
    border: 1px solid #CC1122;;
}

div.datepicker.weekpicker tbody td.othermonth a {
    color: #BFBEBB !important;
}

div.datepicker.weekpicker tbody tr:hover.rowselected td a {
    background: none repeat scroll 0 0 #88B8E7;
}

div.datepicker.weekpicker tbody tr.rowselected td a {
    background: none repeat scroll 0 0 #5599DD;
    color: #FFFFFF !important;
}

div.datepicker.weekpicker tbody tr.rowselected th.wn {
    font-weight: 800;
    font-size: 11px;
    color: #5599DD;
}

div.datepicker.weekpicker tbody tr:hover.rowselected th.wn {
    color: #88B8E7;
}

div.datepicker.weekpicker tbody tr:hover th.wn {
    font-weight: 800;
    font-size: 11px;
}

input.weekpicker {
    width: 162px;
    cursor: pointer;
}

/* ENDE SNOVA-5273 Weekpicker */

/* START SNOVA-3420 - Styles um für die Legende eines Fieldsets eine Checkbox auf gleicher Höhe zu bekommen (zum Ein- und Ausblenden)*/
#form fieldset h4.left {
    float: left;
    white-space: nowrap;
    width: 115px;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#form fieldset input.list.legend-list {
    margin-top: -1px;
}

/* ENDE SNOVA-3420  */

/* START SNOVA-5162 aus SPAN wurde ein DIV, entsprechende Anweisungen für span.admin dürften damit in der screen.css überflüssig werden! */
#form div.admin {
    display: block;
    background: rgba(43, 43, 43, 0.15);
    padding: 0px 3px;
    margin: 0px -3px 1px;
    float: left;
    position: relative;
}

#form div.admin:not(.lead):not(.follow):not(.until) {
    clear: both;
}

#form div.admin.lead {
    padding-right: 1px;
}

#form div.admin.follow {
    margin-left: 4px;
    padding-left: 1px;
    padding-bottom: 3px;
}

#form div.admin.until {
    padding-bottom: 1px;
    margin-left: 4px;
    padding-left: 1px;
}

#form div.admin.textarea {
    padding-bottom: 3px;
}

#form div.admin div.hover {
    position: absolute;
    background: rgba(43, 43, 43, 0.25);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 1px;
    visibility: hidden;
}

#form div.admin * {
    margin-bottom: -1px;
}

#form div.admin:hover div.hover {
    visibility: visible;
    cursor: default;
}

/* ENDE SNOVA-5162 */

/* START SNOVA-5808 Portraitformat an App anpassen */
#menu div.wide div.portrait {
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 80px;
    margin-right: 35px;
}

#menu div.wide div.portrait div.upload a {
    padding-right: 18px;
}

/* ENDE SNOVA-5162 */

/* -----------------
   START SNOVA-5580
   ----------------- */

/* dt.inactive, dd.inactive: Überschriften der Tabelle im MD für Formular-Feldelement Radiogroup */
div.dialogue dl.table-display dt.inactive:hover {
    background: inherit;
    color: inherit;
    cursor: inherit;
}

/* dd, dt: alle Einträge (auch Überschrift) in Tabelle im MD für Formular-Feldelement Radiogroup */
div.dialogue dl.table-display dd,
div.dialogue dl.table-display dt {
    float: left;
    width: 92px;
    margin: 1px;
    position: relative;
    font-size: 11px;
    line-height: 18px;
    padding: 0px 2px 0px 2px;
    overflow: hidden;
}

div.dialogue dl.table-display dt {
    clear: left;
}

/* Felder beim Bearbeiten von Optionen in Tabelle im MD für Formular-Feldelement Radiogroup */
div.dialogue dl.table-display div input.multi {
    width: 92px;
    margin: 1px;
}

div.dialogue dl.table-display div.hoverable:hover dt,
div.dialogue dl.table-display div.hoverable:hover dd {
    background: inherit;
    color: inherit;
    cursor: inherit;
}

div.dialogue dl.table-display div {
    display: block;
    width: 100%;
    height: 18px;
    padding: 2px 0;
}

div.dialogue dl.table-display div.hoverable:hover {
    background: #776;
    color: #FFF;
}

div.dialogue dl.table-display div a {
    float: right;
    height: 16px;
    margin: 1px 2px 0;
    width: 16px;
}

div.dialogue dl.table-display div a.abort {
    background: url("../_images/icon/editor/icon_cross.png") no-repeat scroll left top transparent;
    display: block;
}

div.dialogue dl.table-display div a.apply {
    background: url("../_images/icon/editor/icon_check.png") no-repeat scroll left top transparent;
    display: block;
}

div.dialogue dl.table-display div.hoverable:hover a.edit {
    background: url(../_images/icon/editor/icon_editor.png) no-repeat left top;
}

div.dialogue dl.table-display div.hoverable:hover a.remove {
    background: url(../_images/icon/editor/icon_minus.png) no-repeat left top;
}

#form div.edit dt div.radiogroup {
    display: inline-block;
    text-align: center;
}

/*  Darstellung der Radiogroups im Formular selbst */
#form div.edit div.radiogroup {
    width: 79.6px;
    padding: 0 3px 0 0;
}

#form div.edit div.radiogroup._7 {
    width: 68px;
}

#form div.edit div.radiogroup._8 {
    width: 59.25px;
}

#form div.edit div.radiogroup._9 {
    width: 52.4px;
}

#form div.edit div.radiogroup._10 {
    width: 47px;
}

/*  Darstellung der Label der Radiogroups im Formular selbst (nur bei Positionierung links/rechts) */
#form div.edit div.radiogroup.label_left label,
#form div.edit div.radiogroup.label_right label {
    width: 71%;
    min-height: 24px;
}

#form div.edit div.radiogroup.label_left._7 label,
#form div.edit div.radiogroup.label_right._7 label {
    width: 67%;
}

#form div.edit div.radiogroup.label_left._8 label,
#form div.edit div.radiogroup.label_right._8 label {
    width: 62%;
}

#form div.edit div.radiogroup.label_left._9 label,
#form div.edit div.radiogroup.label_right._9 label {
    width: 58%;
}

#form div.edit div.radiogroup.label_left._10 label,
#form div.edit div.radiogroup.label_right._10 label {
    width: 49%;
}

#form div.edit label.radiogroup {
    width: 119px;
    /* Ergibt sich aus doNotEditFixes "#form div.edit label.left" Wert für 'min-width' */
}

#form div.radiogroup label {
    overflow: hidden;
    white-space: nowrap;
}

/* LINKS */
#form div.radiogroup.label_left label {
    text-align: right;
    display: inline-block;
}

#form div.radiogroup.label_left input {
    margin: 5px 5px 5px 3px;
    float: right;
}

/* RECHTS */
#form div.edit div.radiogroup.label_right label {
    text-align: left;
    display: inline-block;
}

#form div.edit div.radiogroup.label_right input {
    margin: 5px 3px 5px 0;
    float: left;
}

/* OBEN */
#form div.radiogroup.label_top label,
#form div.radiogroup.label_bottom label {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 18px;
    height: 18px;
}

#form div.radiogroup.label_top label {
    padding: 0 3px;
}

#form div.radiogroup.label_top input,
#form div.radiogroup.label_top div.radioDown {
    margin: 3px auto 5px;
    text-align: center;
}

/* UNTEN */
#form div.radiogroup.label_bottom label {
    position: relative;
    top: 22px;
    padding: 0 3px;
}

#form div.radiogroup.label_bottom input,
#form div.radiogroup.label_bottom div.radioDown {
    margin: 5px auto 3px;
    position: relative;
    top: -22px;
    text-align: center;
}

/* Sonderfall für nicht sichtbares Label unterhalb der Radiobuttons */
#form div.radiogroup.label_bottom.hidden input,
#form div.radiogroup.label_bottom.hidden div.radioDown {
    top: 0px !important;
}

/* NICHT SICHTBAR */
#form div.edit div.radiogroup.hidden label {
    display: none;
}

#form div.edit div.radiogroup.hidden input {
    /* margin: 3px 5px 5px 5px; */
}

/* ALLGEMEIN IN SCHAECHTEN */
#form div.radiogroup.slot {
    float: left;
}

#form div.radiogroup.slot.label_top,
#form div.radiogroup.slot.label_bottom {
    text-align: center;
}

/* -----------------
   ENDE SNOVA-5580
   ----------------- */

/* -----------------
   START SNOVA-3191
   ----------------- */

#form div.edit h5 {
    margin: 10px 0;
}

#form div.edit h5 a._acc {
    float: left;
    width: 96%;
    min-height: 15px;
    display: block;
}

/* -----------------
   ENDE SNOVA-3191
   ----------------- */

/* SNOVA-326: besondere Darstellung der Labels für rahmenlose Brillen - äh, Textfelder... */
#form label.noframe {
    font-weight: bold;
    padding-left: 4px;
    line-height: 17px;
}

/* START SNOVA-6105: Schriftfarbe in Modaldialog abdunkeln */
div.dialogue {
    color: #333;
}

div.dialogue input, div.dialogue input[type="text"], div.dialogue select, div.dialogue textarea {
    color: #333;
}

/* ENDE SNOVA-6105 */

/* START SNOVA-6083 */
div.prompt p {
    padding: 0px 122px 5px;
}

/* ENDE SNOVA-6083*/

/* START SNOVA-6221 Neues Design der Nachrichtenvorschaukarte
 * Es werden hier viele Stylesheet-Anweisungen aus der screen.css überschrieben, die auf "#news div.messages"
 * und Unterelemente definiert wurden.
 */
#news div.messages {
    width: 580px;
}

#news {
    left: 10px;
    padding: 25px 35px 40px 15px;
}

/* definiert den Content-Bereich (der nicht vom Klick-Listener überwacht wird fürs Schließen des Panels) */
#newsContainer {
    height: 430px;
    width: 580px;
    padding: 75px 175px 110px 75px;
}

#nachrichtenDataTable table {
    padding-right: 12px;
}

#news div.data {
    width: 580px;
}

#news div.table {
    background-color: transparent;
    border-width: 0px;
}

#news div.table .reset img {
    vertical-align: -3px;
}

#news div.table th {
    color: #666666;
    border-bottom-width: 0px;
    border-right: 1px solid #EFB2CC;
    line-height: 20px;

    height: 30px;
    vertical-align: top;
}

#news div.table th.last {
    border-right-width: 0px;
}

#news div.table th a {
    color: #666666;
}

#news div.table td {
    border-right: 1px solid #EFB2CC;
    border-bottom: 1px solid #cccccc;
    padding: 5px 4px 5px 4px;
}

#news div.table td.last {
    border-right-width: 0px;
}

#nachrichtenDataTableData {
    height: 365px !important;
}

#news div.pagination {
    border-top-width: 0px;
    padding-top: 15px;

}

#news .detailsDiv {
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#news .showDetails {
    height: auto;
    white-space: normal;
    overflow: visible;
}

/* ENDE SNOVA-6221 */

#menu div.tree li span.node-rolle {
    background: url(../_images/icon/icon_node_rolle.png) no-repeat left;
    width: 98%;
}

#menu div.tree li span.node-konto {
    background: url(../_images/icon/icon_node_konto.png) no-repeat left;
    width: 98%;
}

#menu div.tree li span.node-standort {
    width: 98%;
}

#menu form#adminStruktur ul, #menu form#adminStruktur div.controls {
    color: #FFF;
}

#menu #adminStructureList {
    margin: 0 1px;
    padding: 0 0 5px 9px;
    overflow: auto;
}

/* SNOVA-6067 Formulareditor: Feldelemente Dropdown und Optionsfelder ergonomischer gestalten  */
div.dialogue dl.table-display div.hoverable a {
    display: none;
}

div.dialogue dl.table-display div.hoverable:hover a {
    display: inherit;
}

/* ENDE SNOVA-6067 */

/* SNOVA-5238 AB_Porfolio */
div.dialogue div.piclist {
    max-height: 190px;
    overflow-y: auto;
}

div.dialogue div.piclist img.thumb {
    height: 25px;
    width: 25px;
    border: 1px solid #000;
    margin: 0 10px 0 0;
}

#form span.value.multiline-able {
    max-width: 580px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

/* ENDE SNOVA-5238 */

/* START
   SNOVA-6172 Anmeldebildschirm: Hinweis bei Feststelltaste
   => Fehlerfelder auch für den Loginbereich
*/
div.login input.error {
    border: 1px solid #FF3333 !important;
}

div.login ul.error {
    background: none repeat scroll 0 0 #FFDDDD;
    border: 1px solid #FF3333;
    list-style: none outside none;
    margin: -2px 0;
    max-width: 400px;
    padding: 4px 8px;
    position: absolute;
    z-index: 98;
    color: #000000;
    font-size: 11px;
}

/* ENDE SNOVA-6172  */

/* START SNOVA-214 */
#form div.admin.detailReadable label, #form h4.admin.detailReadable, table tbody tr th.detailReadable {
    font-style: italic;
}

#form div.admin.detailNotReadable label, #form h4.admin.detailNotReadable, table tbody tr th.detailNotReadable {
    text-decoration: line-through;
}

#form div.admin label.detailModifiedBezeichnung, #form h4.admin.detailModifiedBezeichnung, table tbody tr th.detailModifiedBezeichnung, table tbody tr th.detailModifiedBezeichnung a {
    color: #2253AE !important;
    font-weight: bold !important;
}

#form div.admin.detailModified, #form h4.admin.detailModified, table tbody tr th.detailModified {
    background: none repeat scroll 0 0 rgba(34, 83, 174, 0.4) !important;
}

/* ENDE SNOVA-214 */

/* START SNOVA-6306 */

body.stepfolio {
    background: url(../_images/back/bckgnd_sf01_holz.png) no-repeat center center fixed;
    background-size: cover;
}

body.wolken {
    background: url(../_images/back/bckgnd_sn01_see_wolken.png) no-repeat center center fixed;
    background-size: cover;
}

body.stepnova {
    background: url(../_images/back/bckgnd_sn02_blatt.png) no-repeat center center fixed;
    background-size: cover;
}

body.holz {
    background: url(../_images/back/bckgnd_sn03_holz_braun.png) no-repeat center center fixed;
    background-size: cover;
}

body.blaetter {
    background: url(../_images/back/bckgnd_sn04_blatt2.png) no-repeat center center fixed;
    background-size: cover;
}

/* ENDE SNOVA-6306 */

/* START SNOVA-6168 */
html, body, div, a, label, legend, span,
form, h1, h2, h5, button, img {
    -moz-user-select: -moz-none;
}

span.value, div.value, *.selectableText, div.plainValue {
    -moz-user-select: text;
}

input[type=text] {
    -moz-user-select: text;
}

/* ENDE SNOVA-6168 */

/* START SNOVA-3145 */
div#confirmationMessage {
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* ENDE SNOVA-3145 */

/* START SNOVA-4463 */
div.alignbase {
    position: absolute;
    bottom: 0;
    left: 0;
}

div.wide div#adminStructureList {
    height: 222px;
}

div.narrow div#adminStructureList {
    height: 250px;
}

/* ENDE SNOVA-4463 */

/* START SNOVA-6449 */
#start li.stepfolio {
    margin-top: -31px;
}

/* ENDE SNOVA-6449 */

/* START SNOVA-1589 */
#tableVisibilityRights td.rightChanged, #tableActionRights td.rightChanged {
    background-color: #2253ae;
    font-weight: bold;
}

/* ENDE SNOVA-1589 */

/*
 SNOVA-6479: Wating Screen bei synchronen Aktionen wie Page-Reload, Klick auf Links, Submit etc.
             Damit der Waiting Screen auch über das Hauptmenü ordentlich gelegt werden kann,
             bekommt der Fade für das Hauptmenü eine neue Id (von "fade" auf "mainMenuFade").
             Dementsprechend müssen die Styles die mit "fade" assoziiert sind, auch für "mainMenuFade"
             übernommen werden. Kann dann im Screen.css einfach via #fade, #mainMenuFade {...} erledigt werden.
*/

#mainMenuFade {
    background: #000;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 50px;
    z-index: 2;
}

#mainMenuFade.mainMenuFade {
    z-index: 52;
}

/* ENDE SNOVA-6479 */

/* START SNOVA-6427 */
#menu div.tree li span.node-gruppe_extern {
    background: url(../_images/icon/baum/icon_node_extern.png) no-repeat left;
    overflow: visible;
}

#menu div.tree li div.current span.node-gruppe_extern {
    background: url(../_images/icon/baum/icon_node_extern_focus.png) no-repeat left;
    overflow: visible;
}

/* ENDE SNOVA-6427 */

/* SNOVA-6620 Waiting Screen eigenen Style und eigenes Element verpasst, um Überschneidungen mit dem Modaldialog zu umgehen*/
#waitingScreenFade {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

/* ENDE SNOVA-6620 */

/* SNOVA-6646 Anspassung der Breite für die Filterung in Buchungsdialogen*/
div.dialogue div.column input.entire.select.selectedGroup {
    width: 142px !important;
}

div.dialogue div.column select.entire.selectedFilter {
    width: 160px !important;
}

/* ENDE SNOVA-6646 */


/* BEGIN SNOVA-7487 Anpassung der Ausrichtung der Listenelemente und Zentrierung der "span"-Tags zum dazugeh�rigen Sprite */
div.navi div.workspaces li {
    margin-top: 10px;
}

div.navi div.workspaces li span {
    margin: auto;
}

/* ENDE SNOVA-7487 */

/* SNOVA-5237 */
div.plainValue {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: -6px;
}

/* ENDE SNOVA-5237 */

/* SNOVA-6780 (Euro-Zeichen hinter Textfeld) */
span.labelAfterText {
    margin-left: 6px;
    padding-top: 2px;
    vertical-align: middle;
}

/* ENDE SNOVA-6780 */

/* ANFANG SNOVA-6835 */
div.lead {
    float: left;
}

div.follow {
    float: left;
    padding-left: 3px;
}

div#anmeldedatenDetails {
    overflow-y: auto;
    height: 340px;
}

div.right#anmeldeDetailsRechts {
    width: 310px;
}

div#tnmnAnmeldungMeldungen {
    clear: both;
}

div#anmeldedatenDetails div.plainValue {
    font-weight: normal;
}

#transaktionErgebnis div {
    width: 640px;
    overflow-x: auto;
    text-overflow: clip;
    white-space: normal;
}

/*  ENDE SNOVA-6835 */

/* START SNOVA-6917 */
legend.dialogLegend {
    font-size: 15px;
}

#form ul.valueError, div.dialogue ul.valueError {
    margin-bottom: -10px !important;
    margin-top: 11px;
    position: relative !important;
}

/*  ENDE SNOVA-6917 */

div#kursbeginnMeldenDetails {
    overflow-y: auto;
    height: 340px;
}

/* SNOVA-6836 */
div.right#kursbeginnDetailsRechts {
    width: 310px;
}

div#kursbeginnMeldungen {
    clear: both;
}

div#kursbeginnMeldenDetails label {
    font-weight: bold;
}

div#kursbeginnMeldenDetails div.plainValue {
    font-weight: normal;
}

div.dataContainer {
    max-height: 250px;
    overflow-y: auto;
}

/* ENDE SNOVA-6836 */

/* SNOVA-6917 */
div.scrollableDialog div.plainValue {
    max-width: 400px;
}

/* ENDE SNOVA-6917*/
/*ANFANG SNOVA-7054 */
div.chooseDialogue div.chooseDialogText {
    margin-right: 10px;
    padding-right: 30px;
}

/*ENDE SNOVA-7054 */

/* START SNOVA-6898 */
#form table.info th {
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
}

#form table.info td {
    font-size: 11px;
}

#form table.info tr.first td {
    padding-top: 5px;
}

div.table td.arbeitszeit-hoch,
div.plainValue.arbeitszeit-hoch {
    color: #0000FF;
}

div.table tr.active td.arbeitszeit-hoch {
    color: #00BFFF;
}

div.table td.arbeitszeit-tief,
div.table tr.active td.arbeitszeit-tief,
div.plainValue.arbeitszeit-tief {
    color: #FF6E0A;
}

#form table.info {
    padding-left: 10px;
}

#form table.info .tag {
    width: 110px;
    text-align: left;
}

#form table.info .von,
#form table.info .bis {
    width: 90px;
    text-align: center;
}

#form table.info .zeit,
#form table.info .pause {
    width: 90px;
    text-align: center;
}

#form table.info .gesamt {
    width: 100px;
    text-align: center;
}

div.zeiterfasssung span.header {
    position: relative;
    display: inline-block;
    width: 43px;
    text-align: center;
}

div.zeiterfasssung span.header.von {
    left: 120px;
}

div.zeiterfasssung span.header.bis {
    left: 138px;
}

div.zeiterfasssung span.header.pause {
    left: 156px;
}

/* ENDE SNOVA-6898 */

/* START SNOVA-7232 */
.mejs-container.mejs-audio {
    margin-left: 120px;
}

/* ENDE SNOVA-7232 */

/* START SNOVA-7166 */
div.hinweistext {
    border-style: solid;
    border-width: thin;
    padding: 3px;
    margin-left: 120px;
    margin-right: 1px;
}

div.hinweistext.full {
    margin-left: 0px;
    margin-bottom: 0px;
}

/* ENDE SNOVA-7166 */

/* START SNOVA-7386 */
#waitingScreenFade {
    z-index: 1000;
}

div.prompt {
    z-index: 99;
}

/* ENDE SNOVA-7386 */

/* START SNOVA-7013 */
div#nummernDiv div.data {
    overflow-x: hidden;
}

/* ND SNOVA-7013 */

/* ENDE SNOVA-7081*/

/* SNOVA-7562*/
div.dialogue option.entire {
    max-width: 322px;
}

div.dialogue optgroup.entire {
    max-width: 322px;
}

div.dialogue option.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

/* ENDE SNOVA-7562*/

/* SNOVA-6955 */
::-moz-placeholder {
    color: #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

/* ENDE SNOVA-6955 */

/* SNOVA-7569 */
#news {
    z-index: 2001;
}

/* ENDE SNOVA-7569 */

/* SNOVA-1436 */
div.contextAuswahl {
    font-size: 11px;
    line-height: 24px;
    top: 31px;
    width: 710px;
    position: absolute;
}

div.contextAuswahlInner {
    margin-left: auto;
    margin-right: 0;
    position: relative;
    float: right;
    clear: both;
}

/* ENDE SNOVA-1436 */

/* SNOVA-7297 */
#bamfKurstraegerForm div.plainValue {
    float: left;
}

/* START SNOVA-SNOVA-7471 */
/* Anweisungen aus der screen.css, die aber scheinbar überflüssig sind.  */
#panel1, #panel2 {
    overflow: visible;
}

#menu div.grip {
    display: none;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 2%, rgba(152, 153, 154, 1) 4%, rgba(133, 134, 135, 1) 8%, rgba(105, 107, 107, 1) 29%, rgba(92, 93, 94, 1) 38%, rgba(25, 27, 28, 1) 42%, rgba(25, 27, 28, 1) 75%, rgba(0, 0, 0, 1) 79%, rgba(0, 0, 0, 0.24) 83%, rgba(0, 0, 0, 0.2) 88%, rgba(0, 0, 0, 0.05) 100%); /* FF3.6+ */
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 2%, rgba(152, 153, 154, 1) 4%, rgba(133, 134, 135, 1) 8%, rgba(105, 107, 107, 1) 29%, rgba(92, 93, 94, 1) 38%, rgba(25, 27, 28, 1) 42%, rgba(25, 27, 28, 1) 75%, rgba(0, 0, 0, 1) 79%, rgba(0, 0, 0, 0.24) 83%, rgba(0, 0, 0, 0.2) 88%, rgba(0, 0, 0, 0.05) 100%); /* W3C */
    position: absolute;
    top: 0px;
    left: -20px;
    width: 20px;
    padding: 0 5px 0 0;
    color: #fff;
    cursor: pointer;

    overflow: hidden;
}

#menu div.grip span:last-of-type {
    display: block;

    transform: rotate(90deg);
    transform-origin: 0 0;
    white-space: nowrap;
    margin: 10px 0 0 18px;
}

#menu div.grip img.pin {
    margin-right: 0;
    display: block;
}

#menu div.hide div.grip {
    display: block;
}

#menu {
    margin-right: 7px;
    overflow: hidden;
}

/* ENDE SNOVA-SNOVA-7471 */

/* SNOVA-7786 */
div.dialogue div.scrollableDialog {
    overflow-y: auto !important;
    max-height: 400px;
}

/* ENDE SNOVA-7786 */

div.dialogue dl.table-display dd.wiederholung, div.dialogue dl.table-display dt.wiederholung {
    width: 88px;
}

div.dialogue dl.table-display dd.short, div.dialogue dl.table-display dt.short {
    width: 48px;
}

div.dialogue dl.table-display dd.normal, div.dialogue dl.table-display dt.normal {
    width: 107px;
}

div.dialogue dl.table-display div input.short {
    width: 48px;
}

div.dialogue dl.table-display div input.normal {
    width: 104px;

}

/* SNOVA-7760 */
#form div.edit label.subIteration {
    width: 50px;
    min-width: 10px;
    text-overflow: ellipsis;
}

#form div.edit label.subIteration.firstLineOfIteration {
    display: inline-block;
    margin-top: 18px;
}

#form div.radiogroup.label_top input {
    margin: 5px auto;
}

/* ENDE SNOVA-7760 */

/* SNOVA-7566 */

#form div.edit a.verknuepfung {
    background: url('../_images/icon/icon_verknuepfung_individuell_portfolio.png') no-repeat scroll center;
    display: inline-block;
    float: right;
    margin-right: 0px;
    width: 16px;
    height: 16px;
    padding-left: 10px;
}

#form div.edit a.verknuepfung.off {
    background: url('../_images/icon/icon_verknuepfung_individuell_portfolio_off.png') no-repeat scroll center;
}

#form div.edit h5 a.verknuepfung {
    border: none;
}

#form div.edit h5 a._acc.smaller {
    width: 92%;
}

/* ENDE SNOVA-7566 */

/* SNOVA-7617 */
div.formularzusammenstellungContainer table {
    width: 100%;
}

/* ENDE SNOVA-7617 */

/* START SNOVA-7886 */
#form div.radioDown {
    border: 1px solid black;
    width: 72px;
    border-radius: 10px;
    background-color: white;
    height: 16px;
    margin: 3px auto;
    background-image: url("../_images/icon/radioDownArrow_10.png") !important;
    background-position: 98% center;
    background-size: 10px auto;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

#form div.radioDown input {
    margin: 0 !important;
    padding: 0 !important;
    width: 18px;
    margin-bottom: 2px !important;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#form div.radiogroup.label_bottom div.radioDown input {
    position: absolute;
    top: 1px;
}

#form div.radioDown select {
    background: none repeat scroll 0 0 transparent !important;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
    width: 80px;
    border: none !important;
    height: 16px;
    text-overflow: ellipsis;
    position: absolute;
    left: 18px;
}

#form div.radioDown select option {
    /* width: 60px; */
}

#form div._7 div.radioDown {
    width: 65px;
}

#form div._7 div.radioDown select {
    width: 65px;
}

#form div._8 div.radioDown {
    width: 56.25px;
}

#form div._8 div.radioDown select {
    width: 59px;
}

#form div._9 div.radioDown {
    width: 52px;
}

#form div._9.radioDown select {
    width: 52px;
}

#form div._10 div.radioDown {
    width: 44px;
}

#form div._10 div.radioDown select {
    width: 44px;
}

div.dialogue dl.table-display div {
}

div.dialogue dl.table-display div.hoverable a.steadyshow {
    display: inherit !important;
    visibility: visible;
}

div.dialogue dl.table-display div.hoverable > a {
    visibility: hidden;
}

div.dialogue dl.table-display div.hoverable:hover > a {
    visibility: visible;
}

div.radioDownListContainer {
    clear: both;
    margin-left: 101px;
    border: 1px solid #ccc;
    background-color: #fffcc6;
    margin-top: 2px;
    width: 163px !important;
    color: black;
}

div.radioDownListContainer > div:nth-of-type(2) {
    height: 16px !important;
}

div.dialogue dl.table-display div {
    height: auto;
}

div.dialogue dl.table-display div input.middle {
    width: 75px;
}

div.dialogue dl.table-display hr {
    color: #777;
    clear: both;
    width: 302px;
}

div.sub {
    float: right;
    width: auto !important;
    font-size: 83%;
    padding-top: 8px !important;
}

#form div.radiogroup input.row {
    vertical-align: text-bottom;
}

/* ENDE SNOVA-7886 */

/* fuer rechts ausgerichtete Checkboxen muss der div-container der Detailadministration die gesamte Breite nutzen*/
#form div.admin:not(.lead):not(.follow):not(.until) {
    clear: both;
    width: 100%;
}

/* BEGIN SNOVA-7547 */
#list #beratungZugriffsbeschraenkt {
    display: none;
}

#list.listBig #beratungZugriffsbeschraenkt {
    margin-top: 5px;
    margin-bottom: -20px;
    display: block;
}

#beratungZugriffsbeschraenkt a {
    color: #59d;
    font-size: 11px;
    font-weight: bold;
}

#beratungZugriffsbeschraenkt a:hover {
    color: #f33;
}

#list.expanded div#beratungContextTableData.paginationHasHeight {
    height: 430px !important;
}

/* ENDE SNOVA-7547 */

/** START SNOVA-8730 **/
div#marketingDiv div#adSteps {
    width: 854px;
    height: 534px;
}

div#marketingDiv div#adSteps div#schliessen {
    background: none repeat scroll 0 0 transparent;
    height: 34px;
    margin-left: 609px;
    margin-top: 457px;
    position: absolute;
    width: 171px;
}

div#marketingDiv div#adSteps div#weiter {
    background: none repeat scroll 0 0 transparent;
    height: 43px;
    margin-left: 218px;
    margin-top: 378px;
    position: absolute;
    width: 563px;
}

div#marketingDiv div#adSteps div#stopCheckbox {
    height: 18px;
    margin-left: 64px;
    margin-top: 466px;
    position: absolute;
    width: 20px;
}

div#marketingDiv div#adSteps div#stopCheckbox.checked {
    background-image: url('../_images/marketing/00_checkboxhaken.png')
}

div#marketingDiv div#adSteps input {
    height: 26px;
    font-size: 14px;
    position: absolute;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}

div#marketingDiv div#adSteps input#adName {
    margin-left: 454px;
    margin-top: 148px;
    width: 314px;
}

div#marketingDiv div#adSteps input#adVorname {
    margin-left: 238px;
    margin-top: 148px;
    width: 198px;

}

div#marketingDiv div#adSteps input#adEmail {
    width: 532px;
    margin-left: 238px;
    margin-top: 211px;
}

div#marketingDiv div#adSteps input#adTelefon {
    margin-left: 238px;
    margin-top: 318px;
    width: 251px;
}

div#marketingDiv div#adSteps input#adZeit {
    width: 221px;
    margin-left: 505px;
    margin-top: 318px;
}

div#marketingDiv div#adSteps a#adLink {
    height: 117px;
    margin-left: 60px;
    margin-top: 300px;
    position: absolute;
    width: 101px;
}

div#marketingDiv div#adSteps a#adLinkDownloadbereich {
    height: 19px;
    margin-left: 295px;
    margin-top: 377px;
    position: absolute;
    width: 129px;
}

div#marketingDiv div.adPopUp {
    background-image: url('../_images/marketing/bamf_01_info.png')
}

div#marketingDiv div.adForm {
    background-image: url('../_images/marketing/bamf_02_formular.png')
}

div#marketingDiv div.adSuccess {
    background-image: url('../_images/marketing/bamf_03_danke.png')
}

/** ENDE SNOVA-8730 **/
/* BEGIN SNOVA-8615 */
div#panel2.adminContext div#adminEbeneProdukttypList {
    margin: 0 1px;
    overflow: auto;
    padding: 0 0 5px 9px;
}

div#panel2.adminContext.narrow div#adminEbeneProdukttypList {
    height: 272px;
}

div#panel2.adminContext.wide div#adminEbeneProdukttypList {
    height: 244px;
}

div#panel2.adminContext div.filter input[type="radio"] {
    border-style: none;
    font-size: 10px;
    height: 14px;
    margin: 0 6px 0 0;
    padding: 0;
    vertical-align: middle;
    width: 14px;
}

ul.level1 {
    margin-left: -20px !important;
}

ul.level2 {
    margin-left: -40px !important;
}

ul.level3 {
    margin-left: -60px !important;
}

#menu div.tree li div.current span.node-spt {
    background: url(../_images/elem/elem_lock_current.png) no-repeat left;
    width: 98%;
}

#menu div.tree li div span.node-spt {
    background: url(../_images/elem/elem_lock.png) no-repeat left;
    width: 98%;
}

/* ENDE SNOVA-8615 */

/* SNOVA-8498 */
#portfolioAjaxForm .alter {
    font-weight: normal;
    margin-bottom: -8px;
}

/* ENDE SNOVA-8498 */

/* SNOVA-8701: Textfelder der anderen art  */
#form span.editableBlock {
    display: block;
    overflow-y: auto;
    height: 92px;
    margin-top: 10px;
    line-height: 14px;
    font-size: 11px;
    margin-left: 4px;
}

#form span.editableLittleBlock {
    display: block;
    overflow-y: auto;
    height: 58px;
    margin-top: 10px;
    line-height: 14px;
    font-size: 11px;
    margin-left: 4px;
}

#form span.editableRows {
    display: block;
    overflow-y: auto;
    height: 25px;
    margin-top: 10px;
    line-height: 14px;
    font-size: 11px;
    margin-left: 4px;
}

form textarea.widearea {
    width: 450px;
    height: 142px;
}

form label.widelabel {
    width: 450px;
    margin-top: 5px;
}

/* SNOVA-8701: Textfelder der anderen art  */

/* SNOVA-8711 und 8709*/
div.dialogue input.three-quarters.select {
    width: 272px;
}

/* ENDE SNOVA-8711 und 8709*/

/*SNOVA-8719 felder nutzen gesammte breite des Dialogs*/
div.dialogue select.extra {
    width: 459px;
}

div.dialogue textarea.extra, div.dialogue input.extra {
    width: 452px;
}

/*ENDE SNOVA-8719*/

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    border: 1px solid black;
    font-size: 11px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

div.taggerBox {
    max-height: 100px;
    overflow-y: auto;
}

div.taggerBox.entire {
    height: 57px;
    width: 249px;
}

ul.token-input-list li {
    list-style-type: none;
    float: left;

}

ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret;
}

li.token-input-token {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #eaeaea;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #000;
    float: left;
    cursor: default;
    display: block;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #000;
    cursor: pointer;
    margin-left: 3px;
}

li.token-input-selected-token {
    background-color: #cccccc;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 150px;
    border: 1px solid #000000;
    border-top: none;
    cursor: default;
    font-size: 11px;
    z-index: 1;
    position: absolute;
}

div.token-input-dropdown.big {
    max-height: 282px;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
    width: 100%;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.table th.ellipsize a {
    overflow: hidden;
    text-overflow: ellipsis;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #eaeaea;
}

input.taggerInput {
    outline: none;
    float: left;
    height: 21px;
    width: 225px;
    border: none !important;
}

.inputResizer {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: auto;
    whiteSpace: nowrap;
}

.smallInfoText {
    font-size: 11px;
    line-height: 24px;
}

div#dialogue div.taggerBox.entire {
    margin: 2px;
    width: 339px;
    height: auto;
}

div#dialogue div.taggerBox ul.token-input-list {
    border: 1px solid #bec9d5;
}

div.taggerBox.error ul.token-input-list {
    border: 1px solid #f33 !important;
}

.seitenumbruch {
    border-bottom: 1px dashed black;
    display: block;
    text-align: center;
    width: 100%;
}

/** START SNOVA-9141 **/
li.pagination {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(200, 200, 200, 0.5) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 67%,
    rgba(200, 200, 220, 0.5) 100%) repeat scroll 0 0 !important;
    font-weight: bold;
}

li.pagination a.first {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 10px 7px 0px;
    border-color: transparent #555555 transparent transparent;
    float: left;
    cursor: pointer;
    margin: 3px;
}

li.pagination a.last {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 0px 7px 10px;
    border-color: transparent transparent transparent #555555;
    float: right;
    cursor: pointer;
    margin: 3px;
}

div.paging {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(200, 200, 200, 0.5) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(200, 200, 220, 0.5) 100%) repeat scroll 0 0;
}

div.paging li.first {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 10px 7px 0px;
    border-color: transparent #ffffff transparent transparent;
    float: left;
    cursor: pointer;
}

#menu div.paging li {
    font-size: 13pt;
}

#menu div.paging li.first a:hover {
    background: none;
}

#anwesenheit_form div.pagination {
    font-size: 13pt;
}

#anwesenheit_form div.pagination span.pagingItemCurrent {
    font-weight: bold;
    color: #222222;
    background: white;
}

#anwesenheit_form div.pagination span.first {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 10px 7px 0px;
    border-color: transparent #ffffff transparent transparent;
    float: left;
    cursor: pointer;
    margin: 2px;
}

#anwesenheit_form div.pagination span.last {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 0px 7px 10px;
    border-color: transparent transparent transparent #ffffff;
    float: right;
    cursor: pointer;
}

div.paging li.last {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 0px 7px 10px;
    border-color: transparent transparent transparent #ffffff;
    float: right;
    cursor: pointer;
}

#menu div.paging li.last a:hover {
    background: none;
}

div.pagination {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(200, 200, 200, 0.3) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 67%, rgba(200, 200, 220, 0.3) 100%) repeat scroll 0 0;
    font-size: 11pt;
    overflow-y: hidden;
}

#form div.pagination a {
    color: #999;
}

#form div.pagination span.pagingItemCurrent {
    color: #000;
    font-weight: bold;
}

div.pagination span {
    padding-left: 1px;
    padding-right: 1px;
}

div.pagination span.first {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 10px 7px 0px;
    border-color: transparent #555555 transparent transparent;
    float: left;
    cursor: pointer;
    margin: 3px;
}

div.pagination span.last {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 0px 7px 10px;
    border-color: transparent transparent transparent #555555;
    float: right;
    cursor: pointer;
    margin: 3px;
}

#menu div.paging li span.current {
    font-weight: bold;
    color: #222222;
    background: white;
}

#menu div.paging li a:hover {
    background: none;
    color: #fff;
}

#menu div.paging ul {
    padding: 2px;
}

#list div.pagination a {
    color: #555555;
}

div.pagination span.pagingItemCurrent {
    color: #000000;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

#list div.paginationHasHeight {
    height: 56px;
}

div.paging li.firstAdditionalSpace {
    cursor: pointer;
    float: left;
}

div.paging li.lastAdditionalSpace {
    cursor: pointer;
    float: right;
}

div.pagination span.firstAdditionalSpace {
    cursor: pointer;
    float: left;
}

div.pagination span.lastAdditionalSpace {
    cursor: pointer;
    float: right;
}

/** ENDE SNOVA-9141 **/

/** START SNOVA-8354 **/
#menu div#gruppeContextTreeDiv.tree li div span {
    margin-right: 22px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: auto;
}

#menu div#gruppeContextTreeDiv.tree li div span.biggerMargin {
    margin-right: 45px;
}

#menu div#gruppeContextTreeDiv.tree li div span.evenBiggerMargin {
    margin-right: 75px;
}

/** ENDE SNOVA-8354 **/

/** START SNOVA-9114 **/
input.button.twobuttons {
    width: 103px;
}

/** ENDE SNOVA-9114 **/

/** START SNOVA-9257 */
.waitscreen {
    background-image: url("../_images/elem/elem_wait_big.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
}

#form .comparisonMatch {
    background-color: #B7D068;
    margin-bottom: 1em;
}

#form .comparisonMismatch {
    background-color: #F49100;
    margin-bottom: 1em;
}

#form div.abgleichLegende {
    float: right;
    margin-right: 1em;
    width: 90px;

    line-height: 20px;
    font-size: 10px;
    overflow: hidden;

    text-align: justify;
}

#form div.abgleichLegende:after {
    content: "";
    display: inline-block;
    width: 100%;
}

#form div.abgleichLegende label {
    height: 18px;
}

#form div.abgleichLegende.hidden label {
    display: none;
}

#luzFormContainer {
    min-height: 150px;
}

/** ENDE SNOVA-9257 */

/** START SNOVA-9267 */
#schullogoThumbnail {
    display: block;
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto;
}

/** ENDE SNOVA-9267 */

/** START SNOVA-9452 **/
.radioDownOverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/** ENDE SNOVA-9452 **/

span.detailanzeige {
    display: block;
    overflow-y: auto;
    height: 58px;
    line-height: 14px;
    font-size: 10px;
}

/** START SNOVA-8498 **/
label.uhrzeit {
    margin-left: 10px !important;
}

#portfolioAjaxForm fieldset.picListContainer {
    border-style: none;
    margin: 0px;
    padding: 10px 0px 0px;
}

#portfolioAjaxForm fieldset.picListContainer legend.picListInnerContainer {
    font-size: 11px;
    font-weight: bold;
    padding-left: 0;
}

#portfolioAjaxForm fieldset.filesInput {
    width: 95px;
}

#portfolioAjaxForm .value {
    padding-left: 15px;
}

/** ENDE SNOVA-8498 **/
label.detailheadline {
    font-weight: bold;
}

/** untere Themeninsel auf maximale Größe setzen*/
div#panel3.fullSizePanel {
    top: 20px;
}

/** START SNOVA-9272 **/
button.absoluteRight {
    position: absolute;
    right: 0px;
}

div.dialogue label.multilined {
    margin: 4px 0;
    line-height: 16px;
}

/** ENDE SNOVA-9272 **/

/** START SNOVA-9416 **/
#modJahrgangswechselForm label.wide {
    width: 150px;
}

#modErrorContainer {
    color: #ff6e0a;
    max-height: 40px;
    overflow: auto;
}

tr.rowError td {
    color: #ff6e0a !important;
}

/** ENDE SNOVA-9416 **/

textarea.entiremod {
    height: 80px;
    width: 450px;
}

select.entiremod {
    height: 70px;
    width: 456px;
}

/** ENDE SNOVA-9522 **/

/** START SNOVA-9312 **/
div#chooseDialog div#chooseDialogTextDiv {
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    overflow-y: auto;
    color: black;
}

div#chooseDialog div#chooseButtons input.button {
    width: 100px;
}

img#chooseDialogIcon {
    padding-left: 54px;
    padding-top: 45px;
}

/** ENDE SNOVA-9312 **/

.entire100 {
    height: 100px;
}

/** START SNOVA-9400 und SNOVA-9401 **/
.login-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.login-popup {

    width: 665px;
    position: absolute;
    top: 265px;
    left: 50%;
    margin-left: -333px;

    background-color: #f9f8f6;
    border-radius: 10px;

    -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.75);

    padding: 9px;
    text-align: center;

    background-image: url('../_images/back/back_setup_kompassrose.png');
    background-repeat: no-repeat;
    background-position: right 80%;
}

.login-popup h6 {
    font-weight: normal;
    margin-bottom: 20px;
}

.login-popup h6 span {
    font-size: 22px;
    background-color: #f9f8f6;

    margin-top: -20px;
    padding: 0 30px;
    display: inline-block;
}

.login-popup h6 span.second-heading {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: bold;
}

.login-popup h6::before {
    content: "";
    border-top: 1px solid #a5a4a4;
    display: block;
    margin-top: 40px;
}

.popup-frame {
    padding: 17px;
    border-radius: 8px;
    border: 1px dashed #dadad9;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 32px;
    width: 32px;
    background-image: url('../_images/icon/close.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 160% auto;
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
}

.login-popup hr {
    border: 0;
    border-top: 1px solid #a5a4a4;
    margin: 20px 0;
}

.login-popup p {
    font-size: 15px;
    margin: 2px 60px;
    line-height: 21px;
}

.popup-button {
    color: #fff;
    font-style: italic;
    outline: 1px dashed #a5a4a4;
    border: 2px solid #f9f8f6;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 15px;
    font-size: 12px;
    cursor: pointer;
}

.login-popup .popup-request {
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
}

.popup-instructions {
    color: #8F8F8E;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}

.popup-link-container {
    margin: 10px 0;
}

.popup-instructions.popup-float-left {
    margin-top: 25px;
}

.popup-float-right {
    float: right;
}

.popup-float-left {
    float: left;
}

.popup-clearfix {
    float: none;
    clear: both;
}

.login-popup .popup-faq {
    margin-top: 10px;
    font-size: 14px;
}

.stepnova h6, .stepnova .popup-request {
    color: #85ac1c;
}

.stepfolio h6, .stepfolio .popup-request {
    color: #009fe2;
}

.stepnova .popup-button {
    background-color: #85ac1c;
}

.stepfolio .popup-button {
    background-color: #009fe2;
}

.stepnova .popup-button.popup-float-left {
    background-color: #c7d497;
}

.stepfolio .popup-button.popup-float-left {
    background-color: #80cff1;
}

div.dialogue label.inline-label {
    display: inline-block;
    width: 198px;
}

/** END SNOVA-9400 und SNOVA-9401 **/

/** START SNOVA 9522 **/
#mainmenu a.linkdisabled {
    color: #888;
}

.menuscroll {
    overflow: auto;
    max-height: 250px;
    margin-bottom: 5px;
}

/** ENDE SNOVA 9522 **/

/** START SNOVA-9545 inkl Bugfix SNOVA-9687**/
#importDiv input.button[name="cancel"] {
    position: absolute;
    right: 60px;
    top: 147px;
}

#importDiv input.button[name="doSave"] {
    position: absolute;
    right: 236px;
    top: 147px;
}

#importDiv input.button {
    /*	margin-top: 10px; */
}

#importDiv .error {
    margin-top: 50px;
}

/** END SNOVA-9545 **/

/** Start SNOVA-9905 **/

.tnImport #importDiv input.button[name="cancel"],
.tnImport #importDiv input.button[name="doSave"] {
    top: 197px;
}

/** Ende SNOVA-9905 **/

/** Start SNOVA-9905 **/
.AnImport #importDiv input.button[name="cancel"] {
    top: 145px;
}

.AnImport #importDiv input.button[name="doSave"] {
    top: 145px;
}

/** Ende SNOVA-9905 **/

/** START SNOVA-9526 **/
#uploadFileHolder {
    display: none;
}

/** ENDE SNOVA-9526 **/

abbr {
    text-decoration: none;
}

/** START SNOVA-9560 **/
#modShowDsv li {
    padding-bottom: 8px;
}

#modShowDsv li span {
    float: left;
    width: 220px;
}

.show {
    padding-right: 20px;
}

/**  ENDE SNOVA-9560 **/

/** START SNOVA-9492 **/
div.slotTextarea {
    position: relative;
    float: left;
}

div.slotTextarea div.limitationInfo {
    display: none;
    position: absolute;
    top: -20px;
    right: 0;
}

div.slotTextarea div.limitationInfo input {
    width: 4em;
}

div.slotTextarea div.limitationInfo span {
    line-height: 24px;
    font-size: 10px;
    vertical-align: -3px;
}

form#formularDialogueContent #scrollableDialogueContainer {
    clear: both;
    margin-right: -2%;
    overflow-x: hidden;
}

#formularDialogueSpecificContent label.slider {
    height: 50px;
}

#formularDialogueSpecificContent #slider {
    margin-left: 120px;
}

div.clearboth {
    clear: both;
}

div#buttonAbgleichContainer {
    float: right;
}

#luzForm div.radioGroupContainer {
    float: left;
    width: 80%;
}

#luzForm div.radioGroupContainer .radioGroupRow {
    display: inline-block;
}

#luzForm span.textmarke {
    display: inline-block;
    line-height: 13px;
    padding-top: 5px;
    padding-bottom: 3px;
}

/** ENDE SNOVA-9492 **/

/** START SNOVA-9403 **/
#externerZugriffDiv #openEditDialog {
    margin: -10px 0 0 -25px;
    position: absolute;
}

#tnidLabel {
    font-weight: normal !important;
    margin-left: 44px;
}

#rechtsstellungen_selection_link {
    display: inline-block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
}

span.dotted {
    display: inline-block;
    width: 10px;
    text-align: right;
}

/** ENDE SNOVA-9403 **/

/** START SNOVA-9409 **/
#transferToEntityList {
    margin-top: 10px;
}

#modTransferToListErrors {
    color: #FF6E0A;
    max-height: 40px;
    overflow: auto;
}

tr.invalid {
    color: #ff6e0a !important;
}

#zugangsdatenPDFHerunterladen {
    margin: 2px 0 0 5px;
    position: absolute;
}

#transferErgebnis1 {
    margin: 5px 5px 5px 0;
}

/** ENDE SNOVA-9409 **/

/** SNOVA-9693 **/
.fileInput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.fileInputLabel {
    font-size: 1.25em;
    font-weight: 700;
    color: black;
    background-color: #e9e9ea;
    border: 1px solid #adb1ba;
    padding: 6px 44px !important;
    display: inline !important;
    cursor: pointer;
}

.fileInputLabel:hover, .fileInputLabel:focus {
    background-color: #edf1f9;
    border: 1px solid #5993e3;
}

.fileInputFilename {
    width: 100%;
    word-wrap: break-word;
}

.uploadContainer {
    display: table-cell;
}

.uploadContainerLabel {
    width: 107px !important;
}

.uploadInnerContainer {
    font-size: 11px;
    font-weight: bold;
    padding-left: 0;
}

.valueError {
    color: red;
    line-height: 18px;
}

/** ENDE SNOVA-9693 **/

/** Ohne SNOVA (aus Sonar-Anmerkungen entstanden) **/
/** Ähnlicher Aufbau zu button.image, aber (um den neuen Konventionen gerecht zu werden) ohne Bindung an #form, div.dialogue oder button-Tags **/
.imageButton {
    background: none repeat scroll 0 0 transparent;
    border-style: none;
    cursor: pointer;
    margin: -1px 0 0 -3px;
    padding: 0;
    vertical-align: top;
    width: 24px;
}

/** speziellerer ImageButton für Tabellenfilterung nach Datumswerten **/
.imageButtonDate {
    margin-right: 16px;
}

/** START SNOVA-9107 **/
.ausgabeCheckboxContainer {
    float: left;
    width: 110px;
    overflow: hidden;
}

.ausgabeButtonContainer {
    float: right;
    margin-top: 1px;
}

.roteKarte {
    color: #FF6E0A;
}

.overflowAware {
    overflow: hidden;
}

/** ENDE SNOVA-9107 **/

/** Anmerkung aus dem Codereview SNOVA-9575 (ausgelagert aus der JSP für die Kursbeginnmeldung **/
.extraWideLabel {
    width: 170px !important;
}

.extraWideError {
    margin-left: 170px;
}

/** START SNOVA-10029 **/
div.dialogue input.uebernahmeCheckboxMD {
    margin: 5px;
    margin-left: 0px;
}

/** ENDE SNOVA-10029 **/

/** START SNOVA-9876 **/
.transferExtraOption {
    clear: both;
    margin-top: 5px;
    margin-right: 18px;
}

.transferExtraLabel {
    margin-left: 5px !important;
}

/** ENDE SNOVA-9876 **/

/** START SNOVA-10013 **/
.iconVerknuepfung {
    width: 16px;
    height: auto;
}

.colCenter {
    text-align: center !important;
}

/** ENDE SNOVA-10013 **/

/** START AGIl-74 **/
.backPersonal {
    top: 565px;
}

.invisible {
    display: none;
}

.personalKontaktzuordnungDiv {
    clear: both;
    float: none;
}

/** ENDE AGIl-74 **/

/** START AGIl-127 **/
.modSuchfilterBox {
    overflow-y: scroll !important;
    max-height: 250px;
    margin: 3px 0 0 0;
}

.suchattributValue5001 {
    display: none;
}

/** ENDE AGIl-127 **/

/** START AGIL-260 **/
#videoPlayer {
    width: 350px;
    height: 175px;
}

.mediaError {
    color: red;
}

#form textarea[readonly="readonly"].portfolioContent {
    border: none;
    margin-left: -3px;
    font-weight: bold;
}

/** ENDE AGIL-260 **/

/** START AGIL-282 **/
table#serienDruckTeilnehmer td.disabled, table#serienDruckTeilnehmer td.disabled select[disabled=""] {
    color: silver;
}

.teilnehmerFilterItem {
    padding: 3px;
    float: left;
}

.tnAktuelleSeiteLabel.disabled {
    color: silver;
}

/** ENDE AGIL-282 **/

/** START AGIL-281 **/
.teilnahmeSelectEntire {
    width: 100%;
}

/** ENDE AGIL-281 */

/** START AGIL-298 **/

.sortFilterCheckbox {
    display: inline !important;
    font-weight: normal !important;
    padding: 5px !important;
}

.tableCenterColumn {
    text-align: center;
}

/** START AGIL-298 **/

.sortFilterCheckbox {
    display: inline !important;
    font-weight: normal !important;
    padding: 5px !important;
}

.tableCenterColumn {
    text-align: center;
}

/** ENDE AGIL-298 **/

/** START AGIL-297 **/
.tableCenterColumn a {
    text-align: center;
}

/** ENDE AGIL-297 **/

/** START AGIL-313 **/
.personalBuchungLink {
    max-width: 194px;
    overflow: hidden;
    white-space: nowrap;
}

.personalBuchungLinkEllipse {
    width: 10px;
    margin-left: -2px;
}

/** START AGIL-251 **/
#portfolioMedia {
    display: inline-block;
    width: 841px;
    height: 182px;
}

.portfolioMediaTable {
    position: absolute;
    height: 180px;
    width: 540px;
    border: 1px solid black;
    float: left;
}

.portfolioMediaTableBackground {
    border: 1px solid black;
    float: left;
    z-index: 0;
    width: 540px;
    height: 180px;
    background-color: white;
}

.portfolioMediaTableBackground > .dropArea {
    margin: 22px 0 0 27px;
    width: 100px;
    height: 130px;
    float: left;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid black;
    background-color: #e6e6e6;
}

#form .portfolioMediaTableBackground > .dropArea > p.number {
    font-size: 36px;
    color: white;
    position: relative;
    top: 55px;
    left: 40px;
}

.portfolioMediaTable > .portfolioImage {
    margin: 22px 0 0 27px;
    width: 100px;
    height: 130px;
    float: left;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid black;
}

.portfolioMediaTable > .portfolioImage.shadow {
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    background-color: white;
}

.previewBox {
    width: 138px;
    height: 120px;
    background-color: #e9e9e9;
    margin: 10px 25px 25px 25px;
    float: left;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.previewBox.selected {
    background-color: #cfdf9f;
}

.previewBox.notMatched {
    background-color: #f19ea3;;
}

#form select.layoutDropdown {
    width: 138px;
    float: left;
    margin-left: 25px;
}

#form div.imageThumb {
    width: 88px;
    height: 58px;
    margin: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#form a.delete {
    float: left;
    margin: 3px 0 0 5px;
    background: rgb(234, 106, 125) url('../_images/icon/portfolio/icon_portfolio_delete.png') no-repeat center;
    border-radius: 2px;
}

#form a.delete input {
    border-style: none;
    width: 22px;
    height: 22px;
    background: transparent;
    cursor: pointer;
}

#form a.download {
    width: 64px;
    height: 22px;
    background-color: #bcd074;
    display: block;
    border-radius: 2px;
    text-align: center;
    float: left;
    margin: 3px 0 0 4px;
}

#form a.download img {
    margin: 3px 0 0 0;
    height: 15px;
}

#form .portfolioImage > p {
    margin: 0 5px -3px;
}

#form .portfolioImage > .plainValue {
    width: 110px;
    margin: 5px 0 0 5px;
    font-weight: unset;
}

#portfolioMedia .hidden {
    display: none;
}

.dropPlaceholder {
    margin: 23px 0 0 28px;
    width: 100px;
    height: 130px;
    float: left;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid black;
    background-color: black;
    opacity: 0.3;
}

/** ENDE AGIL-251 **/

/** START AGIL-352 **/

.ausgabeeditorTextbereiche {
    height: 195px;
    width: 98%;
}

/** ENDE AGIL-352 **/

/** START AGIL-351 **/

.vorlagenInfoIcon {
    background-color: transparent;
    background-image: url('../_images/katalogeditor/info-icon.png') !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}

.massPrintAllowed {
    font-style: italic;
}

/** ENDE AGIL-351 **/

/** START AGIL-464 **/
.layoutPreview {
    background: url("../_images/sprites/portfolio/sprite_portfolio_layouts.png") no-repeat;
    width: 100px;
    height: 75px;
    float: left;
    margin: 22px 0 0 19px;
}

.layoutPreview.BILD1_LAYOUT1 {
    background-position: -500px 0;
}

.layoutPreview.BILD1_LAYOUT2 {
    background-position: -600px 0;
}

.layoutPreview.BILDER2_LAYOUT1 {
    background-position: 0 0;
}

.layoutPreview.BILDER2_LAYOUT2 {
    background-position: -100px 0;
}

.layoutPreview.BILDER2_LAYOUT3 {
    background-position: -200px 0;
}

.layoutPreview.BILDER2_LAYOUT4 {
    background-position: -300px 0;
}

.layoutPreview.BILDER3_LAYOUT1 {
    background-position: 0 -75px;
}

.layoutPreview.BILDER3_LAYOUT2 {
    background-position: -100px -75px;
}

.layoutPreview.BILDER3_LAYOUT3 {
    background-position: -200px -75px;
}

.layoutPreview.BILDER3_LAYOUT4 {
    background-position: -300px -75px;
}

.layoutPreview.BILDER3_LAYOUT5 {
    background-position: -400px -75px;
}

.layoutPreview.BILDER3_LAYOUT6 {
    background-position: -500px -75px;
}

.layoutPreview.BILDER3_LAYOUT7 {
    background-position: -600px -75px;
}

.layoutPreview.BILDER3_LAYOUT8 {
    background-position: -700px -75px;
}

.layoutPreview.BILDER3_LAYOUT9 {
    background-position: -800px -75px;
}

.layoutPreview.BILDER3_LAYOUT10 {
    background-position: -900px -75px;
}

.layoutPreview.BILDER4_LAYOUT1 {
    background-position: 0 -150px;
}

.layoutPreview.BILDER4_LAYOUT2 {
    background-position: -100px -150px;
}

.layoutPreview.BILDER4_LAYOUT3 {
    background-position: -200px -150px;
}

.layoutPreview.BILDER4_LAYOUT4 {
    background-position: -300px -150px;
}

.layoutPreview.BILDER4_LAYOUT5 {
    background-position: -400px -150px;
}

.layoutPreview.BILDER4_LAYOUT6 {
    background-position: -500px -150px;
}

.layoutPreview.BILDER4_LAYOUT7 {
    background-position: -600px -150px;
}

.layoutPreview.BILDER4_LAYOUT8 {
    background-position: -700px -150px;
}

.layoutPreview.BILDER4_LAYOUT9 {
    background-position: -800px -150px;
}

.layoutPreview.BILDER4_LAYOUT10 {
    background-position: -900px -150px;
}

/** ENDE AGIL-464 **/

/** START AGIL-260 **/
#videoPlayer {
    width: 350px;
}

.mediaError {
    color: red;
}

#form textarea[readonly="readonly"].portfolioContent {
    border: none;
    margin-left: -3px;
    font-weight: bold;
}

/** ENDE AGIL-260 **/

/** START AGIL-261 **/
a.mediaDownload {
    position: absolute;
    width: 28px;
    height: 28px;
}

#form a.mediaDownload img {
    margin: 6px auto;
    display: block;
}

/** ENDE AGIL-261 **/

/** START AGIL-574 */
.entireWidth100 {
    width: 100px;
}

/** ENDE AGIL-574 */

/** START AGIL-591 **/
#aghwarnung {
    max-width: 95px;
    float: right;
    margin-right: 20px;
    border: 1px solid red;
    padding: 12px;
}

/** ENDE AGIL-591 **/

/** START AGIL-755 **/
#istPasswortVorhanden\.errors {
    margin-left: 0px !important;
    position: relative;
}

/** ENDE AGIL-755 **/

/** ANFANG AGIL-809 **/

/* Für den seltenen Fall, dass man ein Div-Container um ein Formularfeld benötigt; Name in Anlehnung zum span.value für Textausgaben */
.valueDiv {
    display: inline-block;
}

.hinweisIcon {
    display: inline-block;
}

.hinweisIcon::after {
    display: inline-block;
    width: 22px;
    height: 20px;
    content: "";
    vertical-align: -5px;

    background-color: transparent;
    background-image: url('../_images/katalogeditor/info-icon.png');
    background-position: right;
    background-repeat: no-repeat;
}

/** ENDE AGIL-809 **/

/** ANFANG AGIL-813 **/

/* Anpassen von Passwortfeldern an das Layout von Textfeldern (in Modaldialogen) */
div.dialogue input[type=password] {
    border: 1px solid #BEC9D5;
    color: #7D7D7D;
}

#action li li a {
    text-overflow: ellipsis;
}

/** ENDE AGIL-813 **/

/** ANFANG AGIL-811**/
/** Wenn mehr als 2 Values hinter dem Label im Umbruch gezeigt werden benötigen wir eine konkrete Einrückung **/

.dialogStepValue {
    margin-left: 120px;
}

.listTextBlock {
    margin-left: 28px;
    margin-right: 10px;
    display: block;
}

/** ENDE AGIL-811**/

/** ANFANG AGIL-855 **/
.globalError {
    padding: 4px 8px;
    list-style: none;
    background: #FDD;
    border: 1px solid #F33;

    color: red;
    line-height: 18px;
}

.globalError li {
    font-size: 11px;
    color: #000;
    margin: 0;
    padding: 0;
}

/** ENDE AGIL-855 **/

/** ANFANG AGIL-909 **/
#newsCounter {
    position: absolute;
    right: -5px;
    top: 5px;
    display: none;
}

.notificationBadge {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: rgb(204, 17, 34);
}

.notificationBadge .notificationText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: whitesmoke;
    font-size: 10px;
    font-weight: bold;
}

.notificationBadge.wide {
    width: 22px;
}

/** ENDE AGIL-909 **/

/* Anfang AGIL-920 */
#form.flexibleHeight {
    min-height: 505px;
    height: auto;
}

#form.large.flexibleHeight:before {
    min-height: inherit;
}

#form .textRed, .textRed {
    color: #f33;
}

.textRed.link {
    margin-left: 5px;
}

.massnahmeStatusSelect {
    margin-right: 4px;
}

/* Ende AGIL-920 */
/** START AGIL-929 **/

.statistikDialogForm {
    position: relative;
}

.linkAktualisierenMitText {
    background: url(../_images/icon/icon_refresh_mit_text.png) no-repeat left top;
    height: 20px;
    width: 90px;
    position: absolute;
    top: 4px;
    background-size: contain;
    right: 55px;
}

.dialogThreeButtons {
    width: 154px !important;
}

.dialogThreeButtons:disabled {
    width: 154px !important;
    color: dimgrey !important;
}

/** ENDE AGIL-929 **/
/** ANFANG AGIL-927 **/

/* Nur im Loginscreen angezeigte Hintergrundgrafik für den äußersten Div-Container. */
body.start.stepnova #page {
    background: no-repeat center top;
}

body.start.stepfolio #page {
    background: no-repeat center top;
}

#systemForm #logger {
    width: 453px;
    border-right-width: 1px;
    padding-right: 1px;
    margin-right: 1px;
}

#systemForm #logConfigTable {
    width: 730px;
    height: 478px;
    overflow: auto;
    margin-bottom: 5px;
}

#systemForm #logConfigTable col {
    background-color: white;
}

/** ENDE AGIL-927 **/

/* Anfang AGIL-972 */

.waiting_screen_html_holder_content {
    background-image: url("../_images/elem/elem_wait_big.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    position: absolute;
    top: 33%;
    left: 50%;
    margin-left: -16px;
    width: 45px;
    height: 45px;
}

/* Ende AGIL-972 */
/** ANFANG AGIL-969 **/

div.apbemerkungen {
    width: 230px;
    max-height: 80px;
    padding-left: 0;
    overflow-y: auto;
    word-wrap: break-word;
}

/** ENDE AGIL-969 **/

/** START AGIL-1015 **/
.eingabehilfe {
    background-image: url(../_images/icon/eingabehilfe.png);
    background-color: transparent;
    background-size: cover;
    border: none;
    width: 20px;
    height: 20px;
    display: none;

    position: absolute;
    right: 4px;
    top: -1px;
}

.keyboardWrapper {
    position: relative;
    display: inline;
}

.keyboardWrapper:focus-within .eingabehilfe {
    display: block;
}

.ui-keyboard-input:hover + .eingabehilfe,
.ui-keyboard-input:focus + .eingabehilfe,
.eingabehilfe:hover,
.eingabehilfe:focus {
    display: block;
}

/** ENDE AGIL-1015 **/

/** Start AGIL-995 **/
div p.errorTag {
    position: fixed;
    top: 630px;
    left: 51%;
    height: 55px;
    width: 560px;
    margin-left: -275px;
    cursor: auto;
    font-size: 14px;
}

div p.updateTag {
    position: fixed;
    top: 620px;
    left: 690px;
    height: 75px;
    width: 620px;
    margin-left: 0px;
    z-index: 100000;
}

#form legend.dialogLegend {
    font-size: 16px;
}

#form textarea.big {
    width: 400px;
}

/** End AGIL-995   **/

/** Start AGIL-996  **/
body.bamf {
    background: url(../_images/back/bckgnd_sn05_BAMF_edition.jpg) no-repeat left bottom fixed;
    background-size: cover;
}

/** End AGIL-996    **/

/** Start AGIL-1065 **/

#start div.navi div.common li.favourite_top {
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid #000;
}

/** End AGIL-1065  **/

/** Start AGIL-1082 **/
#form input[type="text"].bs-search {
    padding: 5px;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
}

.bs-status {
    padding: 10px 0;
}

.bs-match {
    background-color: #e7ebb0;
}

.bs-list {
    margin: 0;
    padding: 0;
    height: 400px;
    overflow-y: auto;
}

.bs-item {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    float: none;
    clear: both;
}

.bs-name {
    float: left;
}

.bs-customer {
    float: right;
}

/** End AGIL-1082 **/

/** FETSN-43 **/
#modEditMassnahmeziel label.left {
    width: 135px
}

#modEditMassnahmeziel select.entire {
    width: 315px;
}

#modEditMassnahmeziel input.button {
    width: 157px;
}

/** End FETSN-43 **/

/** begin PFT-35 */
#bamfKurstortAenderungen {
    list-style: none;
    background-color: #fff;
    padding: 0;
    margin: 0;
}

#bamfKurstortAenderungen li:hover {
    background-color: rgb(102, 102, 102);
}

#bamfKurstortAenderungen .minus {
    cursor: pointer;
    float: right;
    margin-right: 3px;
    margin-top: 3px;
}

#bamfKurstortAenderungen .date {
    margin-left: 1px;
}

#bamfKurstortAenderungen li.empty,
#bamfKurstortAenderungen li.empty:hover {
    float: none;
    clear: both;
    text-align: center;
    padding: 10px;
    background-color: #fff;
}

.bamfKurstortAenderungenLabelGroup {
    background-color: #fff;
    float: none;
    clear: both;
    height: 25px;
}

div.dialogue .bamfKurstortAenderungenLabelGroup label {
    float: left;
    border-bottom: 1px solid #000;
    padding-left: 3px;
}

.bamfKurstortAenderungenLabelGroup label:nth-of-type(1) {
    width: 314px;
    border-right: 1px solid #000;
}

.bamfKurstortAenderungenLabelGroup label:nth-of-type(2) {
    width: 70px;
}

div.dialogue input.button-add {
    width: 180px;
    margin-top: 3px;
}

/** end PFT-35 */

/** FETSN-43 **/
#modEditMassnahmeziel label.left {
    width: 135px
}

#modEditMassnahmeziel select.entire {
    width: 315px;
}

#modEditMassnahmeziel input.button {
    width: 157px;
}

/** End FETSN-43 **/

/** BERBIL-44 */
.messageDownload {
    margin-top: 7px;
    display: block;
}

/** END BERBIL-44 */

/** BERBIL-402 **/
div.legend-leistung div {
    height: 260px;
}

#parameterTable .paginationHasHeight {
    height: 125px !important;
}

/** END BERBIL-402 **/

/** BEGINN BERBIL-358 */
#privacyInfo {
    margin-bottom: 8px;
}

/** END BERBIL-358 */


/** BEGIN TOP-1030 */
#adminTableForm #formularContainer .widget .inputFields {
    height: auto;
}
/** END TOP-1030 */

/** BEGINN TOP-443 */
#form ul[id="postLeitzahl.errors"].error {
    margin-top: 25px;
}
/** END TOP-443 */

/** BEGIN TOP-1298 */
#form div[id="tabContent_gui.page.schnittstellen.bamf.tab.tn"] ul[id="postLeitzahl.errors"].error {
    margin-top: 32px;
}
/** END TOP-1298 */

/** BEGIN TOP-1373 */
div#form.small.contentBig {
    height: auto !important;
}
/** END TOP-1373 */