/*
KraskaSoft
Geändert: 06.10.2025
*/

/*
 Für anmiationen
*/
@keyframes animation_blinkred_5s {
    0% {
        background-color: red;
    }
    50% {
        background-color: white;
    }
    100% {
        background-color: red;
    }
}
.ks_animate_red_5 {
    animation-name: animation_blinkred_5s;
    animation-timing-function: ease-in;
    animation-duration: 2s;
    animation-iteration-count: 20;
    animation-fill-mode: both;
}

body
{
    color: black;
    margin: 1em;
    padding: 0px;
}
button:disabled {
    background-color: black;
    color: #CCCCCC
}

.ks_disable {
    pointer-events: none;
    filter: grayscale(100%);
}

.ks_durchgestrichen {
    background: linear-gradient(
        to top left,
        rgba(255, 0, 0, 0) 0%,
        rgba(255, 0, 0, 0) calc(50% - 1px),
        red 50%,
        rgba(255, 0, 0, 0) calc(50% + 1px),
        rgba(255, 0, 0, 0) 100%
        );
}
#loginarea {
    float: left;
}
.ks_desktop .ks_menu li,ul{
    list-style:none;
}
.ks_desktop .ks_toplevel
{
    height: 3em;
    font-size: 2em;
    padding: 1px;
    cursor: pointer;
}
.desktop .ks_toplevel ul li:hover>ul {
    top:0px;
    left:100%;
}

.ks_desktop .ks_toplevel span a:hover
{
    background-color:#dadada;
    color:#cc0000;
}

.ks_desktop .ks_toplevel ul li:hover > a
{
    color: white;
    font-weight: bold;
    font-size:12px;
}

.ks_desktop li.ks_toplevelitem {
    float: left;
}
.ks_desktop .ks_toplevelitem > ul {
    float: left;
}
.ks_desktop .ks_toplevel ul a
{
    padding:3px 10px 3px 5px;
    background-color:transparent;
    border-width:0px;
    border-style:none;
}
.ks_desktop .ks_toplevel ul {
    display: none;
    position:absolute;
    top: 1.1em;
}
.ks_toplevel li {
    white-space:nowrap;
    position:relative;

}
.ks_toplevel li span {
    margin-right: 1em;
}
.ks_desktop .ks_toplevel div, .ks_desktop .ks_toplevel ul		{
    padding:10px;
    margin:-2px 0px 0px;
    background-color:#ffffff;
    border-width:1px;
    border-style:solid;
    border-color:#dadada;
    box-shadow: 0.2em 0.2em #555555;
}
.ks_desktop .ks_toplevel li:hover > ul{
    display: block;
    /*    left:auto;*/
    z-index:10;
}
.ks_toplevel li:focus > ul{
    left:auto;
    z-index:10;
}
.ks_divider{
    background-color: darkgray;
}

.ks_subitem .ks_divider{
    display:block;
    font-size:5px;
    height: 10px;
    border-width:0px;
    background-color: orange;
    position:relative;
    margin: 0px;
}

.ks_desktop ul.ks_toplevel li:hover , .ks_desktop ul.ks_subitem > li:hover	{
    background-color: #F5D0A9;
}
.ks_desktop .ks_subitem > li {
    clear: both;
    float: left;
    width: 100%;
}

/*"""""""" Custom Rule""""""""*/


.ks_50prozenz {
    width: 50%;
}

table.ks_datatable {
    border: 1px solid black;
    border-collapse: collapse;

}

.ks_attachmentstogglebutton img {
    width: 3em;
}
/*Statusbereich des Canvas*/
.ks_canvas {
    clear: left; /*Sort dafür, dass die Bereiche untereinander angeordet werden und nicht einen anderen überdeckt*/
}
.ks_canvas > iframe {
    height: 50em;
    width: 100%;
}
.ks_hilfe_topic_head {
    text-align: center;
    background-color: silver;
    font-size: 1.2em;
}
nav.ks_frametop {
    position: fixed;
    top:0;
    right:0;
    left:0;
    background-color: white;
    z-index: 20;
}
.ks_frame_wsimage {
    float: left;
}
.ks_help {
    width: 90%;
    min-height: 50em;
    clear: both;
    z-index: 4;
    position: absolute;
    top: 10em;
    -webkit-box-shadow: 5px 5px 15px #444;
    box-shadow: 5px 5px 15px #444;
    padding: .5em;
    background-color: infobackground;
}
.ks_help .ks_content > iframe {
    min-height: 50em;
}
.ks_frame_kontakt {
    clear: both;
    float: left;
    min-width: 100em;
    z-index: 4;
    position: absolute;
    top: 10em;
    -webkit-box-shadow: 5px 5px 15px #444;
    box-shadow: 5px 5px 15px #444;
    padding: .5em;
    background-color: infobackground;
}
.ks_frame_options {
    z-index: 4;
    clear: both;
    float: left;
    position: absolute;
    top: 10em;
    -webkit-box-shadow: 5px 5px 15px #444;
    box-shadow: 5px 5px 15px #444;
    padding: .5em;
    background-color: infobackground;
}
.ks_frame_kontakt img {
    width: 1em;
}
.ks_frame_kontakt .ks_edit_div {
    width: 99em;
}
.ks_frame_headleft {
    text-align: left;
    align-content: center;
}
.ks_hr {
    clear: both;
}
/*
Calendar Datumsauswahlmatrix
*/
div.calendar
{
    font-size: smaller;
    color: #3e3e3e;
    position: absolute;
    z-index: auto;
}

div.calendar.popup
{
    margin-left: -20px;
    margin-top: -20px;
    z-index: 9999;
}

div.calendar table
{
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-collapse: separate;
    border-spacing: 1px;
}

div.calendar thead {
    background-color: #fff;
}

div.calendar td,
div.calendar th
{
    padding: 2px;
    text-align: center;
}

div.calendar td.title
{
    font-weight: bold;
    color: #e8a800;
}

div.calendar th
{
    font-weight: bold;
}

div.calendar tr.days td {
    width: 2em;
    color: #3d60ba;
    text-align: right;
    cursor: pointer;
    border: 1px solid #e5e5e5;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
    border-color: #e8a800;
    background-color: #e5e5e5;
    cursor: pointer;
}
div.calendar tr.days td:hover
{
    background-color: #ffffff;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
    background-color: #cde;
}

div.calendar tr.days td.selected
{
    font-weight: bold;
    background-color: #e8a800;
    border-color: #e8a800 !important;
    color: #fff !important;
}

div.calendar tr.days td.weekend {
    color: #7f9de8;
}

div.calendar tr.days td.today
{
    font-weight: bold;
    border-color: #3d60ba;
}

div.calendar tr.days td.otherDay
{
    background: #e5e5e5;
    color: #fff;
}

/*
* GlobalSearch
*/
#GlobalSearch .ks_selektieren {
    float: left;
    width: 100%
}
#globalselectionglobalsuche {
    font-size: 200%;
}
#globalselectionglobalsuche input {
    font-size: 150%;
}
.ks_gsparam_controller {
    clear: both;
}
.ks_gsparam_options {
    float: left;
}
.ks_gsparam_options .ks_begrwert {
    min-width: 10em;
}
.ks_gsparam_options .ks_staticheckboxitem {
    clear: left;
}
.ks_gsparam_options .ks_staticheckboxitem .ks_begrwert {
    min-width: 13em;

}
.ks_gsparam_controller_ask  {
    min-width: 8em;
}
#globalsearchparamsbereich {
    clear: both;
}
#globalsearchparams .ks_bd_div {
    width: 15em;
    float:left;
}
#globalsearchparams .ks_begrwert {
    width: 11em;
}
#GlobalSearch form {
    float: left;
}
#GlobalSearch .ks_action_div img {
    float: right;
}
#GlobalSearch .ks_searching {
    float: left;
}
#globalsearchoutput {
    clear: both;
    overflow: auto;
}
#globalsearchoutput .ks_arealine {
    clear: both;
    background-color: aqua;

}

#globalsearchoutput .ks_eintraege table {
    width: 100%;
}
#globalsearchoutput th.ks_action_div {
    min-width: 3em;
    float: right;
}
#globalsearchoutput td.ks_action_div {
    width: 6em;
    float: right;
}
#globalsearchoutput td.ks_actionimage {
    width: 1em;
}
#globalsearchoutput .ks_eintraege {
    width: 100%;
    overflow: auto;

}
#globalsearchoutput .ks_eintraege:hover {
    background-color: #c9c9c9;

}
.ks_desktop .ks_frame_globalsearch {
    top: auto;
    box-shadow: 5px 5px 15px #444;
    padding: .5em;
    background-color: infobackground;
    float: left;
    min-width: 40em;
    margin-left: 5%;
    position: absolute;
}
.ks_mobile .ks_frame_globalsearch {
    top: 0px;
    background-color: infobackground;
    float: left;
    min-width: 40em;
    margin-left: 5%;
}

.ks_frame_login {
    top: 2em;
    left: 2em;
    -webkit-box-shadow: 5px 5px 15px #444;
    box-shadow: 5px 5px 15px #444;
    background-color: infobackground;
    float: left;
    display: none;
    z-index: 4;
    position: absolute;

}
.ks_frame_toolbox {
    float: right;
}
.ks_frame_toolboxswitch {
    float: left;
}
.ks_frame_toolboxswitch img {
    width: 2em;
}
.ks_frame_menu {
    clear: left;
    text-align: left;
    float: left;
}

.ks_frame_menu th {
    text-align: left;
}
div.ks_frame_image {
    float: left;
    vertical-align: middle;
    text-align: center;
    border-collapse:separate;
    empty-cells:show;
    background-color: #FFFFFF;
}
th.ks_frame_image {
    vertical-align: middle;
    text-align: center;
    border-collapse:separate;
    empty-cells:show;
    background-color: #FFFFFF;
    width: 5em;
}
.ks_frame_image img {
    vertical-align: middle;
    border-spacing:0px;
    width: 6em;
}
@media screen and (max-width: 600px) {
    div.ks_frame_slogan {
        visibility: hidden;
    }
}
@media screen and (max-width: 500px) {
    div.ks_frame_user {
        clear: left;
    }
    div.ks_frame_image {
        visibility: hidden;
    }
}
div.ks_frame_slogan {
    font-size: 0.8em;
    float: left;
    margin-right: 2em;
}
div.ks_frame_user {
    float: left;
    margin-right: 2em;
}
h2.ks_frame_slogan
{
    margin: 0px;
    font-size:15px;
    color:#000055;
    text-align: left;
}
div.ks_frame_title {
    margin-right: 2em;
    float: left;
    font-size: 2em;
    font-weight: bold;
}
h1.ks_frame_title
{
    margin: 0px;
    font-size:24px;
    color:#000055;
    text-align: left;
}
.ks_frame_fuss {
    border-spacing:0px;
    border-collapse:separate;
    empty-cells:show;
    background-color: white;
    color:#0000FF;
}
.ks_canvasarea {
    clear: both;
}

#startdiv .ks_canvasareabody {
    overflow: auto;
}
#maindiv .ks_canvasareabody {
    overflow: auto;
}
.ks_text {
    clear: both;
}
.ks_textedithelpbutton {
    clear: both;
    float: right;
}
.ks_textedithelpbutton img{
    width: 1.5em;
}
.ks_menutext {
    display: none;
    left: 1%;
    background-color: gray;
}
.ks_action {
    text-align: center;
}
.ks_action img {
    width: 2em;
}
.ks_actionbutton {
    position: relative;
    float: left;
}

.ks_buttonpressed {
    background-color: green;
    color: white;
    cursor: pointer;
}
.ks_buttonunpressed {
    background-color: red !important;
    color: black;
    cursor: pointer;
}

.ks_actionimage {
    width: 2em;
}
ks_mobile .ks_actionimage {
    width: 4em;
}

.ks_actionimagenew {
    width: 2em;
}

.ks_gohomeimage {
    width: 4em;
    float: right;
}
/*DB-Table test*/
.ks_dbt_msg  {
    width: 10em;
}
.ks_dbt_msg_OK  {
    background-color: green;
}
.ks_dbt_msg_changedefault  {
    background-color: yellow;
}
.ks_dbt_msg_drop  {
    background-color: red;
}
.ks_dbt_msg_changename  {
    background-color: purple;
}
.ks_dbt_field  {
    width: 20em;
}
.ks_dbt_action  {
    width: 10em;
}

.ks_dbt_issue  {
    width: 50em;
}

/*Eigene Messageboxen*/
.ks_info {
    background-color: yellow !important;
    border-color: black !important;
    color: black;
    float: left;
}
.ks_message{
    z-index: 20;
    min-height: 1em;
    background-color: yellow;
    border-color: black;
    border-width: 3px;
    border-style: double;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    position: absolute;
}
.ks_msgbox{
    z-index: 10;
    position: absolute;
    background-color: orange;
    border-color: white;
    border-width: 3px;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
}
/*
Satrtfenster mit dem Indexcontroller
*/
.ks_desktop .ks_indexTabs {
    width: 100%;
    border: solid;
    float: left;
}

.ks_mobile .ks_indexTabs {
    width: 100%;
    border: none;
    float: left;
}
/*
Einrückungen
*/
.ks_tab1 {
    margin-left: 3em;
}
.ks_tab2 {
    margin-left: 6em;
}
.ks_tab3 {
    margin-left: 9em;
}
.ks_tab4 {
    margin-left: 12em;
}
.ks_tab5 {
    margin-left: 15em;
}
.ks_tab6 {
    margin-left: 18em;
}
.ks_tab7 {
    margin-left: 21em;
}
.ks_tab8 {
    margin-left: 24em;
}
.ks_tab1left {
    margin-right: 3em;
    text-align: right;
}
/* Tabs */
.ks_tabtext div {
    float: left;
    margin: 1em;
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
}
.ks_tabheadline {
    text-align: center;
}
.ks_tablastcounttime {
    text-align: right;
}
.ks_tabnavigationhorizontal {
    clear: both;
    border-radius: 6px;
    list-style: none;
    background-color: white;
    margin-bottom: 10px;
    cursor: pointer;
}

.ks_tabnavigationhorizontal .ks_wichtig {
    background-color: yellowgreen;
    font-weight: bold;
    float: left;
    margin-left: 1em;
}

.ks_tabcontenthorizontal {
    clear: both;
    background-color: white;
    float: left;
    width: 100%
}
.ks_tabcontenthorizontal iframe {
    min-height: 80em;
}

.ks_tabnavigationhorizontal .ks_tabname {
    float: left;
    width: calc(100% - 30px); /*Damit der ganze Reiterkopf ohne den Zuklapp-Button auf einen Klick reagiert */
    white-space: nowrap;
    min-height: 2em;
}
.ks_desktop .ks_tabnavigationhorizontal > div {
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: gray;
    border-right: solid;
}
.ks_desktop .ks_tabnavigationhorizontal  div:hover {
    background-color: #DDD;
    color: #000000;
}
.ks_desktop .ks_tabnavigationhorizontal div.selected  {
    background-color: white;
    color: black;
    font-weight: bold;
    overflow: visible;
    border-top-color: black;
    border-left-color: black;
    border-right-color: black;
    border-bottom-style: none;

}

.ks_tabareavertikal {
    clear: left;
}
.ks_tabnavigationvertikal {
    float: left;
    border: none;
    width: calc((100% / 480) * 48)
}

.ks_tabnavigationvertikal .ks_wichtig {
    float: left;
    margin-left: 1em;
}

.ks_tabheadvertikal {
    width: 100%;
    float: left;
}
.ks_tabnavigationvertikal > div {
    clear: left;
    padding-left: 5px;
    padding-top: 2px;
    background-color: gray;
    border-bottom: solid;
    float: left;
    width: 100%;
}
.ks_tabnavigationvertikal div.selected  {
    background-color: white;
    color: black;
    font-weight: bold;
    overflow: visible;

}
.ks_tabnavigationvertikal  div:hover {
    background-color: #DDD;
    color: #000000;
    cursor: pointer;

}
.ks_tabnavigationvertikal div:focus {
    outline-style: auto;
}
.ks_tabnavigationvertikal .ks_tabname {
    overflow: hidden;
}
.ks_tabnavigationvertikal .ks_tabname:hover {
    overflow: visible;
}
.ks_tabcontentvertikal {
    background-color: white;
    float: left;
    width: calc((100% / 480) * 412);
    margin-left: 5px;
}
.ks_tabdiv {
    width: 100%;
    overflow: auto;

}
.ks_tabdiv textarea {
    width: 100%;
}

div.ks_tabHide {
    display: none;
}
.selected .ks_tabswuse button {
    display: none;
    /*    background-color: whitesmoke;*/
}
.ks_tabswuse button {
    background-color: #aaa;
    font-size: 0.5em;
}
.ks_tabswuse {
    float: right;
    margin-left: 4px;
    margin-right: -4px;

}

.ks_checkbox {
    text-align: left;
}
.ks_checkboxall {
    text-align: left;
    width: 1em;
}
.ks_checkboxarea .ks_checkboxitem {
    clear: left;
}
.ks_contentactionimage {
    position: relative;
    width: 2em;
    margin-left: 1em;
}
.ks_contentgotolistitem > div {
    clear: both;
    float: left;
}
.ks_bottom_space {
    clear: both;
    height: 5em;
}
.ks_menutable
{
    border-spacing:0px;
    border-collapse:separate;
    empty-cells:show;
    background-color: #AD4A18;
    color:#000055;
}
.ks_menumain
{
    border-spacing:0px;
    border-collapse:separate;
    empty-cells:show;
    background-color: #AD4A18;
    color:#CEEFBD;
}
.ks_openitemsdivider {
    clear: left;
    width: 100%;
    min-height: 2em;
    background-color: green;
}
.ks_openitemsdivider hr {
    width:100%;
}
.ks_openread_button {
    width: 2em;
}
.ks_openread_button img {
    width: 100%;
}
.ks_opendatahead {
    font-size: 1.5em;
}
.ks_opendatacontent {
    clear: both;
}
.ks_dategroup {
    /*    float: left;*/
}
#main{
    vertical-align: top;
    border: 0px;
    clear: both;
}
#headline {
    position: relative;
    width: 100%;
    height: 2em;
    top: 0px;
}
#HeadlineHelp {
    clear: both;
}
.ks_headline_div {
    width: 100%;
    min-height: 2em;
    clear: both;
    background-color: cyan;
}
.ks_desktop .ks_headlineactions {
    float: right;
}
.ks_mobile .ks_headlineactions {
    float: left;
}
.ks_headlineactions * {
    float: left;
}
.ks_headlineactions img {
    width: 2em;
}
.ks_headlineactions * {
    margin-right: 0.5em;
}
.ks_headlinerecorddiv {
    float: left;
    background-color: yellow;
}
.ks_begrwert {
    font-weight: normal;
    margin-right: 2px;
    float: left;
}
.ks_radioitem .ks_begrwert {
    font-weight: bold;

}
.ks_begrwert ~ .ks_begrsep {
    display: inline;
    width: 1em;
    float: left;
}
.ks_arealine {
    background-color: aqua;

}
.ks_aktivarea {
    padding: 2px 3px;
    border-style: solid;
    border-width: 3px;
    border-color: #CCCCCC #888888 #888888 #CCCCCC;
}
.ks_error {
    background-color: red !important;
    font-size: 1em !important;
    color: white !important;
}
.ks_warning {
    background-color: #cccc00 !important;
    font-size: 1em !important;
    color: yellow !important;
}
.ks_ok {
    color: black !important;
    background-color: greenyellow !important;

}
.ks_hilfe_error {
    text-align: center;
    background-color: red;
    font-size: 1.2em;
    color: white;
}
.ks_headcol {
    background-color: gray;
    color: white;
    padding-bottom: 6px;
    text-align: center;
}

.ks_headline {
    background-color: darkgray;
    color: black;
    padding-bottom: 6px;
    text-align: center;
    width: 100%;
    float: left;
}
.ks_table .ks_headline {
    background-color: gray;
    color: white;
    text-align: left;
}
.ks:table .ks_headline th {
    padding-left: 2em;
}
.ks_table .ks_tablecoltop {
    vertical-align: top;
}
.ks_formular .ks_headline {
    float: left;
    width: 100%;
}
.ks_content .ks_responce {
    clear: both;
    background-color: yellow;
}
.ks_omoaction_div:hover > .ks_omoactions {
    visibility: visible;
    left: auto;
}
.ks_omoaction_div .ks_omoactions {
    visibility: hidden;
    max-width: 50%;
}

.ks_omoactions {
    z-index: 7;
    position: absolute;
    top: auto;
    margin-left: 8em;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    padding: .5em;
    background-color: gray;
    float: left;

}
.ks_omoactions > * {
    padding-right: 7px;
    width: 3em;
    float: left;
}
.ks_erfassung_div {
    display: none;
    position: absolute;
    top: 4em;
    margin-left: 1%;
    max-width: 97%;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    padding: .5em;
    background-color: lightgray;
    float: left;
    overflow: auto;
}
/*Klasse für das Eingabefenster für die eigene Übersetzung*/
.ks_erfassung_lang {
    z-index: 100;
    position: absolute;
    top: 4em;
    margin-left: 1%;
    max-width: 97%;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    padding: .5em;
    background-color: gray;
    float: left;
    overflow: auto;
}
/*Klasse für das Hilffenster mit den Text-Tags*/
.ks_erfassung_tags {
    z-index: 10;
    position: absolute;
    top: 4em;
    margin-left: 1%;
    min-width: 50%;
    max-width: 97%;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    padding: .5em;
    background-color: gray;
    float: left;
    overflow: auto;
}
.ks_erfassung_div .ks_bd_div {
    display: inline-block;
    float: left;
}
.ks_delete_div {
    position: absolute;
    top: auto;
    margin-left: 2em;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    padding: .5em;
    background-color: gray;
    float: left;
    min-width: 20em;

}
/*
Wenn gecheckte Daten in dem Vorbereitungsfenster dargestellt werden
*/
.ks_deleteitem > div > div {
    float: left;
}
.ks_deleteitem {
    clear: left;
    background-color: green;
}

.ks_delete_div .ks_bd_div {
    display: inline-block;
    float: left;
}

.ks_workplace {
    background-color: gray;
    float: left;

}
.ks_workplacename {
    font-weight: bold;
    float: left;
    margin-right: 2em;
}
.ks_workplaceicon {
    float: left;
}
.ks_workplaceicon img {
    width: 2em;
}

.ks_content {
    clear: left;
    width: 100%;
}
/*
 Sorgt dafür, dass im Button der Schnelleingabe, die Elemenete nebeneinander stehen
*/
.ks_hidediv * div {
    float: left;
}
.ks_hidediv {
    top: 0px;
    left: 0px;
    position: absolute;
    width:100%;
    height: 250em;
    display:none;
    background-color: white;
    opacity: 0.5;
}

.ks_show_div {
    width: 100%;
    clear: both;
}
.ks_clearfix:bevor,  .ks_clearfix:after  {
    content:  "";
    display:  table;
}
.ks_clearfix:after  {
    clear:  both;
}
.ks_accessarea {
    min-height: 150em;
    width: 100%;
}
/*
* Suchen
*/
.ks_autosearch {
    float: left;
}
.ks_search * .ks_staticheckboxitem {
    clear: both;
}
.ks_searchhide {
    float: right;
}
.ks_searching {
    display: none;
    float: left;
}
.ks_searching div {
    float: left;
}
.ks_searching img {
    width: 20em;
    height: 1em;
}
.ks_eintraege {
    clear: both;
    float: left;
    overflow: auto;
    min-width: 30em;

}
.ks_eintraege .ks_hiddenactiv {
    min-width: 30em;
}

.ks_eintraege thead{
    background-color: gray;
}



.ks_datagrid_actiondiv{
    z-index: 3;
    position: absolute;
    background-color: #FF8C00;
    border-color: white;
    border-width: 3px;
    -webkit-box-shadow: 5px 5px 15px #999;
    box-shadow: 5px 5px 15px #999;
    height: 3em;
    left:10em;
}
.ks_datagrid_actiondiv img {
    width: 4em !important;
    position: initial;
}
.ks_mobile .ks_datagrid_actiondiv {
    height: 4em !important;

}
.ks_datagrid_actiondiv img {
    width: 4em !important;
    margin-right: 1em;
}

.ks_active {
    cursor: pointer;
    background-color: whitesmoke;

}
div.ks_choicesearch {
    z-index: 4;
    position: absolute;
    top: auto;
    left: 2vw;
    -webkit-box-shadow: 5px 5px 15px #444;
    box-shadow: 5px 5px 15px #444;
    padding: .5em;
    background-color: infobackground;
    float: left;
    overflow-x: auto;
}

.ks_choice {
    background-color: beige;
    cursor: pointer;

}
.ks_activeabo {
    background-color: greenyellow;
}
.ks_import_div {
    display: none;
    padding:10px;
    border-width:1px;
    border-style:solid;
    background-color:#dadada;
    box-shadow: 0.5em 0.5em #555555;
    position: absolute;
    min-width: 80%;
    max-width: 98%;
    margin-left: 1%;

}
.ks_nobr {
    white-space: nowrap;
}
.ks_datagrid_navactionhead {
    white-space: nowrap;
}
.ks_datagrid_navactionhead select {
    width: 8em;
}

.ks_button_flat {
    border-style: solid;
    border-color: black;
    text-align: left;
}
.ks_edit_div {
    background-color:yellow;
    width: 100%;
    float: left;
}
.ks_edit_div .ks_bd_textarea {
    float: left;
    width: 100%;
    height: 100%;
}
.ks_edit_div .ks_bd_textarea .ks_begrwert > div {
    float: left;
}
.ks_bd_div {
    white-space: nowrap;
    float: left;
}
.ks_bd_span {
    white-space: nowrap;
    float: left;
}
.ks_bd_span > span {
    float: left;
}
label > div {
    float: left;
}

.ks_radiogroupitem .ks_bd_div {
    margin-left: 1em;
}
.ks_datagrid_col_status .ks_statiradioitem {
    float: right;
}
.ks_bd_div .ks_statiradioitem {
    margin-right: 1rem;
    float: left;
}

.ks_center {
    text-align: center;
}
.ks_datawert {
    font-weight: bold;
    margin-right: 1rem;
    float: left;
}
.ks_datawert > ks_datagroup {
    float: left;
}
/*
Soll den Text auf die gesamte Breite aufspannen.
*/
.ks_bd_textarea .ks_datatext {
    float: left;
    width: 100%;
}
.ks_edit_div .ks_datawert .ks_textarea {
    min-height: 20em;
    width: 100%;
}
.ks_datawert .ks_textarea {
    width: 100%;
}
.ks_datawert .ks_textarea > .c2cbutton {
    float: right;
}
.ks_datatext .ks_contentimport > span {
    clear: left;
    float: left;
}
.ks_datatext tr:hover {
    background-color: greenyellow;
}

.ks_datatext table {
    padding: 2px;
}
/*
* Wird eingesetzt, wenn ein Element nicht angezeigt werden soll
*/
.ks_hidden {
    display: none;
}
/* Zusammenarbeit mit dem ks_hiddenactiv und ks_selection
ks_selection ist das DIV mit dem Suchfilter
ks_hiddenactiv sind alle onMousOver Fenster
*/
.ks_selection {
    z-index: 4;
}
/* Wie ks_hidden aber zusätzlich mit Eigenschaften versehen, die das Wieder eingeblendete Fenster über den anderen erscheinen lßt*/
.ks_hiddenactiv {
    display: none;
    border-width:1px;
    border-style:solid;
    border-color:#dadada;
    box-shadow: 0.5em 0.5em #555555;
    position: absolute;
    z-index: 3;
    background-color: white;
}
.ks_table_div:hover {
    background-color: #c9c9c9;

}
.ks_hilfseintraege:hover {
    background-color: #c9c9c9;

}
.ks_datagrid_innerdiv {
    max-height: 20em;
    min-height: 4em;
    overflow: auto;
}
/* Wird gebraucht beim Switchable datagrid, welches versteckt wurde mit .ks_hiddenactiv
    Durch diesen Selektor wird das Datagrid wieder angezeigt, wenn die Maus über dem Fenster ist.
    
*/
.ks_eintraege .ks_datagrid tbody  tr:hover {
    background-color: yellow;
    color: black;

}
.ks_datagrid_selected:hover {
    background-color: green;
    color: white;
}
.ks_eintraege:hover .ks_hiddenactiv {
    display: block;
}
.ks_eintraege tr:nth-child(odd) {

}
.ks_eintraege tr:nth-child(even) {
    background-color: silver;
}
.ks_eintraege  tr.ks_datagrid_selected:nth-child(even)  {
    background-color: green;
}
.ks_eintraege .ks_table_div {
    min-height: 4em;
    overflow: auto;
    float: left;
    clear: left;
}
.ks_datagrid_rowaction * {
    float: left;
}
.ks_datagrid_rowaction > * {
    margin-right: 1em;
}
.ks_datagrid_rowaction span {
    margin-right: 1em;
}
.ks_datagrid_rowaction img {
    width: 1.3em;
}
.ks_datagrid > th {
    padding: 0px;
    white-space: nowrap;
}
.ks_datagrid + .ks_datagrid_innertable + td.ks_date {
    text-align: center;
}
td .ks_make_editdataarea {
    white-space: nowrap;
    width: 100%;
}
.ks_datagrid_outertable th {
    padding: 0px 0px 0px 5px;

}
.ks_datagrid_innerdiv tbody  tr:hover {
    background-color: yellow;
    color: black;

}
.ks_datagrid_innerdiv tbody  td {
    padding-left: 0px;

}
.ks_datagrid_selected {
    background-color: green;
}

.ks_datagridtoolbox {
    float: right;
}

/*
Kalenderbezogene gestalltung
*/
.ks_kalenderdetails30 {
    clear: both;
    width: 30%;
    float: left;
}
.ks_kalenderkorpus70 {
    width: 70%;
    float: right;
}
.ks_kalenderdate {
    font-weight: bold;
}
.ks_kalenderadresse {
    z-index: 10;
}
.kalendertablebody {
    width: 100%;
    border-style: solid;
}
.kalendertablebody .ks_event{
    display: block;
    border-style: groove;
    clear: both;
}

.kalendertablehead {
    width: 100%;
    border-style: solid;
}
.ks_kalenderzeitabschnitt {
    clear: left;
    float: left;
    width: 100%;
}
.ks_kalenderuhrzeit {
    float: left;
    margin-right: 1em;
    text-align: right;
}
.ks_feiertagauswahl {
    clear: both;
}
.ks_timeline0 {
    background-color: cornflowerblue;
    min-height: .1em;
    width: 100%
}
.ks_timeline1 {
    background-color: greenyellow;
    min-height: .1em;
    width: 100%
}
.ks_timeline2 {
    background-color: rosybrown;
    min-height: .1em;
    width: 100%
}
.ks_timeline3 {
    background-color: aqua;
    min-height: .1em;
    width: 100%
}
.ks_timeline4 {
    background-color: burlywood;
    min-height: .1em;
    width: 100%
}
.ks_timeline5 {
    background-color: chocolate;
    min-height: .1em;
    width: 100%
}
.ks_timeline6 {
    background-color: darkorchid;
    min-height: .1em;
    width: 100%
}
.ks_timeline7 {
    background-color: forestgreen;
    min-height: .1em;
    width: 100%
}
.ks_timeline8 {
    background-color: goldenrod;
    min-height: .1em;
    width: 100%
}
.ks_kalender_workplace {
    padding:10px;
    border-width:1px;
    border-style:solid;
    background-color:#dadada;
    box-shadow: 0.5em 0.5em #555555;
    min-width: 40vw;
}
.ks_matrix_workplace {
    display: none;
    padding:10px;
    border-width:1px;
    border-style:solid;
    background-color:#dadada;
    box-shadow: 0.5em 0.5em #555555;
    position: absolute;
    width: 25%;
    left: 45%;
    z-index: 4;
}
.ks_matrixheadcell > div{
    float: left;
}
.ks_matrixcellseparator {
    float: left;
    font-size: 200%;
}
.ks_matrixheadcol {
    font-size: 0.75em;
}
.ks_matrixrowmargin {
    font-size: 0.75em;
    text-align: left;
}

.ks_event  > .ks_eventdetails {
    display: none;
}
.ks_event:hover  > .ks_eventdetails {
    display: block;
}

.ks_eventdetails {
    padding:10px;
    background-color:#f7f7f7;
    border-width:1px;
    border-style:solid;
    border-color:#dadada;
    box-shadow: 0.5em 0.5em #555555;
    position: absolute;
    min-width: 400px;
    z-index: 2;
    text-align: left;
    margin-left: 3em;
    margin-top: -1em;
    max-width: 50%;

}
.ks_event-befehle {
    clear: left;
    width: 100%;
    text-align: left;
    background-color: orange;
}
.ks_kalendercurrentdate {
    border-style: dashed;
    border-color: black;
    background-color: slategray
}
.ks_kalenderselecteddate {
    background-color: #75dbff;
}
.ks_kalenderfeiertage  {
    min-width: 30em;
    background-color: yellowgreen;
    font-weight: bold;
    float: left;
}
.ks_kalenderfeiertage .ks_begrwert {
    min-width: 10em;
}
.ks_kalenderwochenzahl {
    float: left;
    font-weight: bold;
}
.ks_kalenderwoche {
    display: inline-block;
}
.ks_kalendermonat {
    width: 100%;
}

/*
Diese Klasse wir immer angegeben, wenn darin Aktionsbuttons angegeben werden
*/

.ks_action_div {
    background-color: #FF8C00;
    float: left; /*Damit das Div eine Dimension bekommt*/
    color: white;
    width: 100%;
}
.ks_action_div > img {
    width: 3em;
}
.ks_action_div > div {
    float: left;
}
.ks_action_span {
    float: right;
    margin-left: 1em;
}
.ks_action_span > * {
    color: white;
    background-color: #FF8C00;
}
ks_desktop .ks_helpimage > img {
    width: 1em;
}
.ks_helpnav {
    float: right !important;
}
.ks_helpnav > *{
    float: left;
}

/*Wird beim Switchable Suchbereich gebraucht, um die Suchoptionen wieder einzublenden
wenn Sie deaktiviert worden sind und dadurch die Klasse ks_hiddenactiv bekommen haben*/
.ks_selection:hover > .ks_hiddenactiv {
    display: block;
}
/*Diese Anweisungen läßt auch das Datagrid erscheinen, wenn die Maus über dem Selektor steht*/

.ks_selection:hover  ~ .ks_eintraege .ks_hiddenactiv {
    display: block;
}

.ks_row {
    clear: left;
}
.ks_col {
    float: left;
}
.ks_left {
    text-align: left;
    float: left;
}
.ks_leftmargin30 {
    margin-left: 30%;
}
.ks_leftmargin50 {
    margin-left: 50%;
}
.ks_right {
    float: right !important;
    text-align: right;
}
.ks_link_div {
    clear: left;
    float: left;
    margin-right: 2%;
    margin-bottom: 1em;
    width: 100%
}
.ks_linkaddheadline {
    float: right;
}
.ks_linkmoreasmax {
    background-color: red;
}
.ks_linkworkplace:hover {
    z-index: 5;
}
.ks_linkworkplace {
    display: none;
    z-index: 4;
    position: absolute;
    top: auto;
    margin-left: 10em;
    -webkit-box-shadow: 5px 5px 15px #444;
    box-shadow: 5px 5px 15px #444;
    padding: .5em;
    background-color: infobackground;
    float: left;

}
.ks_optionsbutton {
    float: right;
}
.ks_optionsbutton img {
    width: 1.5em;
}
.ks_optionsworkplace {
    z-index: 4;
    position: absolute;
    -webkit-box-shadow: 5px 5px 15px #444;
    box-shadow: 5px 5px 15px #444;
    padding: .5em;
    background-color: infobackground;
    float: left;
    color: black;
    display: none;

}

.ks_status {
    background-color: greenyellow;
}
.ks_sortbuttonasc {
    display: inline-block;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(left, #5F4C0B 0%, #F5D0A9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left, right, color-stop(0%,#5F4C0B), color-stop(100%,#F5D0A9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #5F4C0B 0%, #F5D0A9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #5F4C0B 0%, #F5D0A9 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #5F4C0B 0%, #F5D0A9 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(left, #5F4C0B 0%, #F5D0A9 100%); /* W3C */
    border: 1px solid #a1a1a1;
    text-decoration: none;
    color: #333;
    border-radius: .2em;

}
.ks_sortbuttondesc {
    display: inline-block;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(left, #F5D0A9 0%, #5F4C0B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left, right, color-stop(0%,#F5D0A9), color-stop(100%,#5F4C0B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #F5D0A9 0%, #5F4C0B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #F5D0A9 0%, #5F4C0B 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #F5D0A9 0%, #5F4C0B 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(left, #F5D0A9 0%, #5F4C0B 100%); /* W3C */
    border: 1px solid #a1a1a1;
    text-decoration: none;
    color: #333;
    border-radius: .2em;

}
.ks_sortbuttondesc:before {
    content: "\2913-";
}
.ks_sortbuttonasc:before {
    content: "\2912-";
}
#Debug {
    clear: both;
    width: 100%;
}
.ks_params {
    float: left;
}
.ks_paramsdiv {
    float: left;
    border: solid;
    background-color: white;
    padding: 5px;
    width: 100%;
}
.ks_paramsswitch {
    clear: both;
    float: left;
}
.ks_kstextimg {
    width: 1.5em;
}
.ks_importcontentlang div {
    float:left;
    margin-right: 1em;
}
.ks_hilfe_alternativelang {
    clear: both;
}
.ks_hilfe_alternativelang div {
    float:left;
    margin-right: 1em;
}
.ks_wichtig {
    background-color: yellowgreen;
    font-weight: bold;
}
.ks_betrag {
    text-align: right;
    font-weight: bold;

}
.ks_betrag > * {
    padding-left: 4em;

}
.ks_prozent {
    text-align: right;
}

.ks_matrixbody, .ks_matrixfoot, .ks_matrixhead {
    clear: left;
}
.ks_matrix_action_div {
    margin-right: 1em;
    background-color: #FF8C00;
    clear: both;
    color: white;
    float: left;
    width: 100%;
}
.ks_matrix_action_div div {
    float: left;
}
.ks_matrixbody table, .ks_matrixbody td, .ks_matrixbody th, .ks_matrixbody tr {
    border: 1px solid black;
}
.ks_matrixtablebody span > div {
    float: left;
}
.ks_matrixcellnotfound {
    color: red;
    background-color: white;
}
.ks_matrixcellfound {
    color: white;
    background-color: green;
    width: 100%;
}
.ks_status_div {
    background-color: #50ff00;
}
.ks_delcheckedimage {
    float: right !important;
}

.ks_helpimage {
    position: relative;
    float: right !important;
}
.ks_boxarea {
    width: 100%;
}
ks_maindiv {
    clear: both;
}
ks_startdiv {
    clear: both;
}
.ks_divhead {
    background-color: silver;
}
.ks_divhead img {
    width: 16px;
}
ks_item_head div:hover {
    background-color: gray;
}
.ks_item_head:hover > div {
    background-color: #AAAAAA;
}
.ks_item_head:hover > .ks_item_details {
    visibility: visible;
}
.ks_item_head  > .ks_item_details {
    visibility: hidden;
}
td > .ks_item_head {
    width: 100%;
}
.ks_item_data {
    float: left;
}
.ks_item_details {
    left: auto;
    color: black;
    background-color:wheat !important;
    border-width:1px;
    border-style:solid;
    border-color:#dadada;
    box-shadow: 0.5em 0.5em #555555;
    position: absolute;
    margin-left: .5%;
    max-width: 60%;
    z-index: 6;
    top: auto;
    white-space: normal;
}
.ks_item_details table {
    width: 100%;
}
.ks_item_details > div {
    clear: left;
}
.ks_item_details > div > label {
    clear: left;
}
/*
* Die nachfolgende Zeile bewirkt, dass alle table-rows abwechseld die geraden zeilen silbergrau unterlegt werden
* Damit können die klasse .ks_rowodd und ks_roweven weggelassen werden
*/
table tr:nth-child(even) {
    background-color: silver;
}
table.ks_matrixtablebody tr:nth-child(even) {
    background-color: white;
}
.ks_rowodd {
    border-color: black;
}
.ks_roweven {
    background-color: silver;
}


.ks_tablecol_cb {
    width: 1em;
}
.ks_acselect {
    z-index: 1;
}
.ks_acselect + img {
    height: 1em;
}
.ks_acinput {
    position: relative;
    z-index: 1;
    width: 12em;
    float: left;
}
.ks_acselector {
    z-index: 0;
    position: relative;
    margin-left: -12em;
    width: 13em;
    float: left;
}
.ks_acselector:focus {
    z-index: 2;
}
/* Sorgt dafür, dass das Schnelleingabe-DIV eine Höhe und eine Breite bekommt
*/
.ks_quick_div {
    float: left;
    width: 100%;
}
/*
Größe des übergelagerten Fensters beim Zugriff auf eine andere Arbeitsebene, um dort einen Eintrag herauszusuchen oder zu erstellen

*/
.ks_acworkplace {
    min-height: 50em;
    min-width: 100em;
}
.ks_acworkplacewa iframe {
    min-height: 50em;

}


/*
* Div, das überlagert wird, welches anzeigen soll, dass Daten abgeholt werden
*/
.ks_gettingdatahider {
    background-color: white;
    float: left;
    height: 100%;
    opacity: 0.75;
    position: absolute;
    width: 100%;
    z-index: 6;
    display: none;
}
.ks_gettingdatahider > div {
    background-color: yellow;
    opacity: 1;
    left: 30%;
    position: absolute;
}

#attachments_gs img.ks_attachmentcontent {
    width: 10vw;
}
.ks_attachmentspicture {
    max-width: 20%;
    float: right;
}
.ks_printseparator {
    background-color: lightblue;
    font-size: 2em;
}
.ks_printareacontent {
    background-color: lightgray;
}

.ks_decryptxtea > * {
    background-color: #EF94CD;
}

/*
Formatierung für die Inhalte aus der ks_Text-Klasse
*/
.ks_contentimported {
    border-style: solid;
}
span > br {
    clear: left;
}

/*Zumindest verwendet im Geraete-Modul bei der Maschinenzustandsmatrix*/

.ks_zustand_0 {
    background-color: black;
}
.ks_zustand_1 {
    background-color: red;
}
.ks_zustand_2 {
    background-color: green;
}
.ks_matrixcell {
    height: 1em;
}

/*
Kommt zum Einsatz, wenn der Begriff über die Schreibweise [C2C]<Inhalt>[/C2C]] erstellt wurd
*/
.ks_c2c {
}
/*
Der Button zum kopieren in die Zwischenablage
*/
.ks_c2cbutton {
    width: 1em;
    margin-left: 1em;
    border-style: none;
    background-color: deepskyblue;
}
/*
Kommt zum einsatz, wenn der Begriff über die Schreibweise [<TAG>,<Inhalt>] erstellt wurd
*/
.ks_copytoclip {
    background-color: deepskyblue;
}
.ks_c2cshow {
    background-color: chartreuse;
}

/*Adressen und abhängige Ebenen */
.ks_adressenaufgabenactions .ks_actionimage {
    width: 2em;
}

.ks_personen .ks_selector_div .ks_staticheckboxitem {
    float: left;

}
.ks_aufgabencontenttext {
    clear: left;
}
.ks_aufgaben_status_Erfasst {
    background-color: orangered;
}
.ks_aufgaben_status_InArbeit {
    background-color: green;
}
.ks_aufgaben_status_Archiviert {
    background-color: greenyellow;
}
.ks_aufgaben_status_Zurueckstellen {
    background-color: magenta;
}
.ks_aufgaben_status_Storniert {
    background-color: graytext;
}

/*
* Angestelltenebene, Matrix der Anwesenheit
*/
/*Im Dienst im Haus*/
.ks_anwesenheit_present {
    background-color: green;
}
/*Im Dienst aber außer Haus*/
.ks_anwesenheit_out {
    background-color: yellow;
}

/*Im Dienst aber in Pause*/
.ks_anwesenheit_break {
    background-color: orange;
}
/*Nicht im Dienst*/
.ks_anwesenheit_absent {
    background-color: black;
}

/*Ortung im Raum*/
.ks_ortung_in {
    background-color: green;
}
/*Ortung im Raum*/
.ks_ortung_out {
    background-color: black;
}
/*
Config-Bereich
*/
.ks_ts_table {
    width: 100%;
}
.ks_ts_acknowledge .ks_radiogroupitem {
    width: 5em;
    float: left;
}
input[value="ne"].ks_inputradio:checked + span {
    background-color: red;
    color: white;
}
input[value="jo"].ks_inputradio:checked + span {
    background-color: green;
    color: white;
}
.ks_ts_tabname {
    width: 15em;
}
#tabsconfigform .ks_radiogroup * {
    float: left;
}


/*
E-MAIl
*/
.ks_contentmail {
    border: solid;
}
.preparedeletemail {
    box-shadow: 0px 5px 5px 5px;
    padding: 15px 32px;
    float: left;
}
.ks_mailbadaddress {
    background-color: darkred;
}
.ks_mailbaddomain {
    background-color: crimson;
}
.ks_mailbadtld {
    background-color: coral;
}
/*
 Aus der config.css, die in der Konfigurationebene aufgerufen wurde
*/

.ks_userpermissions {
    background-color: aqua;
    float: left;
}
#userTabsContent {
    overflow: scroll !important;
    min-height: 12em;
}
#userpermissions  {
    width: 100%;
}
#userpermissions th > div {
    text-align: left;
}
#userpermissions .ks_radiogroup {
    padding-bottom: 1em;

}
#userpermissions .ks_radiogroupitem {
    clear: left;

}
#userpermissions .ks_col {
    width: 12em;
    white-space: nowrap;
}
.ks_up_ebene {
    float: left;
    width: 10em;
}
.ks_up_ebene input {
    clear: left;
}
.ks_up_action {
    margin-left: 1em;
}
#userselection {
    position: relative;
    width: 100%;
}
#userselection .ks_begrwert {
    margin-right: 1em;
}
#userselection .ks_datawert {
    float: left;
    margin-right: 1em;
}
#userselection form {
    padding: 4px;
}
#search_userselection .ks_bd_div {
    float: left;
}
.datarow {
    text-decoration: none;
    color: white;
}
.datarow:hover {
    background-color: yellow;
}
.dataselected {
    color: yellow;
}

#date_group {
    display: inline;
    white-space: nowrap;
}
#congifsources .ks_configdata {
    float: left;
    width: 90%;
}
#congifsources .ks_datawert {
    clear: both;
}
#congifsources form {
    clear: both;
}

#usermenuepermissions {
    clear: left;
}
#usermenuepermissions .ks_datawert {
    margin-right: 2px !important;
    width: 100%;
}
#usermenuepermissions .ks_bd_div {
    display: inline-flex;
    margin-right: 10px !important;
}
#usermenuepermissions .ks_checkbox > .ks_bd_div {
    width: 100%;
}
#configsources form {
    clear: left;
}
.ks_configdata {
    float: left;
    width: 90%;
}
.ks_userconfigcontroller {
    clear: left;
}
#userconfiginit .ks_bd_div {
    clear: left;
}
#congifuser .ks_configdata {
    float: left;
    width: 90%;
}
#congifuser .ks_datawert {
    clear: both;
}
#congifuser form {
    clear: both;
}
#congifuser form div {
    float: left;
}
#configTabsimg {
    width: 2em;
}

.ks_menutop {
    background-color: darkturquoise;
    float: left;
}
.ks_menusub {
    clear: left;
}
.ks_menusub > div {
    float: left;
}
/*
.ks_row.ks_headline {
    width: 20em;
    float: left;
}
.ksheadline div {
    float: left;
}
.ksheadline > div img {
    float: right;
}
*/
.ks_menutoprow {
    width: 100%;
    margin-top: 1em;
}
.ks_tabstabindex .ks_headline {
    width: 100%;
    background-color: yellowgreen;
}


.ks_desktop .ks_datagrid_col_action {
    width: 4em;
}
.ks_mobile .ks_datagrid_col_actions {
    width: 3em;
    text-align: center;
}
.ks_datagrid_col_actions {
    width: 264px
}
#globalsearchoutput .ks_datagrid_col_actions {
    width: 4em;
}

.ks_datagrid_col_art {
    width: 10em;
}
.ks_datagrid_col_betrag {
    width: 80px;
}
.ks_datagrid_col_bezeichnung {
    width: 24em;
}
.ks_datagrid_col_cb {
    width: 23px;
}
.ks_datagrid_col_date {
    width: 80px;
}
.ks_datagrid_col_date_create {
    width: 8em;
}
.ks_datagrid_col_date_update {
    width: 8em;
}
.ks_datagrid_col_datum {
    width: 5rem;
}
.ks_datagrid_col_ID {
    width: 80px;
}
.ks_datagrid_col_inhalt {
    width: 30em;
}
.ks_datagrid_col_lang {
    width: 4em;
}
.ks_datagrid_col_language {
    width: 75px;
}
.ks_datagrid_col_status {
    width: 170px;
}
.ks_datagrid_col_seclevel {
    width: 10em;
}
.ks_datagrid_col_topic {
    width: 12em;
}

/*
Sorgt dafür, dass bei der Ausgabe der Text der Notiz nicht hinter den Daten steht
*/
.ks_notizimportdata {
    min-width: 100vh;
}
.ks_notizcontenttext {
    clear: both;
}
.ks_notizen .ks_relevance0 {
    background-color: greenyellow;
}
.ks_notizen .ks_relevance1 {
    color: white;
    background-color: green;
}
.ks_notizen .ks_relevance2 {
    background-color: yellow;
}
.ks_notizen .ks_relevance3 {
    background-color: orange;
}
.ks_notizen .ks_relevance4 {
    background-color: red;
}
.ks_notizen .ks_relevance5 {
    color: white;
    background-color: brown;
}

.ks_lizenzen .ks_bd_textarea {
    clear: both;
}
ks_vertrag .ks_bd_textarea {
    clear: both;
}

/* Für Mobile Version*/

#mobilepulldownmenu {
    display: none;
}
.ks_mobileheadline {
    background-color: gray;
    color: white;
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 2em;
}
.ks_mobile .ks_toplevel {
    font-size: 1em;

}
.ks_mobile .ks_item_head:focus > .ks_item_details {
    visibility: visible;
}
.ks_mobile .ks_naviactionhead select {
    width: 8em;
    height: 3em;
}
.ks_mobile .ks_framehilfe {
    clear: both;
}

.ks_mobile .ks_toplevel ul
{
    background-color:transparent;
    border-width:0px;
    border-style:none;
    position: absolute;
    z-index: 2;
}
.ks_mobile li.ks_toplevelitem {
    height: 2em;
    min-width: 10em;
    clear: both;
    vertical-align: middle;
    background-color: orange;
}

.ks_mobile .ks_toplevelitem > ul {
    float: right;
    list-style:none;
    left: 2em;
}
.ks_mobile .ui-menu .ui-menu-item {
    white-space: nowrap;
    border: medium outset;
}
.ks_mobile ul.ks_subitem > li {
    padding: 1em;
}
.ks_mobile ul.ks_subitem > li:nth-child(odd) {
    background-color: turquoise;
}
.ks_mobile ul.ks_subitem > li:nth-child(even) {
    background-color: lightseagreen;
}
.ks_mobile #loginbutton {
    min-height: 2em;
    font-size: 2em;
    width: 5em;
}
.ks_mobile #HowLong {
    min-height: 2em;
    font-size: 3em;
}
.ks_mobile #Expire {
    min-height: 1em;
    font-size: 1em;
}
.ks_mobile .ks_frame {
    float: right;
    width: 100%;
    position: absolute;
}
.ks_mobile .ks_framehilfe {
    clear: both;
}
.ks_mobile .ks_item_details {
    left: 1em;
    width: auto;
}
.ks_mobile .ks_frame_menu img {
    width: 3em;
}
.ks_mobile .ks_frame_image img {
    margin-left: 0.5em;
}
.ks_mobile #pulldownmenu {
    display: none;
}
.ks_mobile .ks_frame_user .ks_button {
    min-height: 2em;
}
.ks_mobile .ks_frame_options {
    font-size: 2em;

}
.ks_mobile .ks_frame_options hr {
    clear: both;
}
.ks_mobile .ks_button {
    min-height: .5em;
    min-width: 3em;
    font-size: 1.5em;
}
.ks_mobile .ks_date {
    font-size: 2em;
}
.ks_mobile .ks_timehourfield {
    font-size: 2em;
    min-width: 3em;
}
.ks_mobile .ks_timeminfield {
    font-size: 2em;
    min-width: 3em;
}

.ks_mobile .ks_datawert > input {
    min-height: 1.5em;
    font-size: 2em;
}
.ks_mobile .ks_eintraege .ks_actionimage {
    width: 3em;
}
.ks_mobile input.ks_betrag {
    min-height: 2em;
}
ks_mobile .ks_helpimage > img {
    width: 2em;
}
.ks_mobile .ks_tabnavigationhorizontal {
    clear: both;
    border-radius: 6px;
    max-width: 100%;
    list-style: none;
    background-color: white;
    margin-bottom: 10px;
    cursor: pointer;
}

.ks_mobile .ks_tabnavigationhorizontal  > div {
    height: 3em;
    text-align: center;
    background-color: gray;
    border: solid;
    float: left;
}
.ks_mobile .ks_tabnavigationhorizontal div.selected  {
    background-color: white;
    color: black;
    font-weight: bold;

}

.ks_valutaumrechnung {
    width: 20vi;
}
lable.ks_begrwert > input {
    float: right;

}