@media all {
    /* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html * {
        font-size: 100.01%;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
    }

    /* Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
    pre, code, kbd, samp, var {
        font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
        font-size: 100%;
    }

    /* Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 75.00%;
    }

    /* #region Überschriften */
    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        margin: 0 0 0.25em 0;
    }

    h1 {
        /* 30px */
        font-size: 250%;
    }

    h2, #headerTitle {
        /* 24px */
        font-size: 200%;
    }

    h3 {
        /* 18px */
        font-size: 150%;
    }

    h4, #headerSubtitle {
        /* 16px */
        font-size: 133.33%;
    }

    h5, h6 {
        /* 14px */
        font-size: 116.67%;
    }
    /* #endregion */

    /* #region Listen */
    ul, ol, dl {
        line-height: 1.5em;
        margin: 0 0 1em 1em;
    }

    ul {
        list-style-type: disc;
    }

    ul ul {
        list-style-type: circle;
        margin-bottom: 0;
    }

    ol {
        list-style-type: decimal;
    }

    ol ol {
        list-style-type: lower-latin;
        margin-bottom: 0;
    }

    li {
        margin-left: 0.8em;
        line-height: 1.5em;
    }

    dt {
        font-weight: 600;
    }

    dd {
        margin: 0 0 1em 0.8em;
    }
    /* #endregion */

    /* #region Allgemeine Textauszeichnung */
    p {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }

    strong, b, .bold {
        font-weight: 600;
    }

    em, i, .italic {
        font-style: italic;
    }

    pre {
        line-height: 1.5em;
        margin: 0 0 1em 0;
    }

    pre, code {
        color: #880000;
    }

    kbd, samp, var {
        color: #666666;
        font-weight: 600;
    }

    var, dfn {
        font-style: italic;
    }

    acronym, abbr {
        border-bottom: 1px #aaaaaa dotted;
        font-variant: small-caps;
        letter-spacing: .07em;
        cursor: help;
    }

    sub {
        vertical-align: sub;
        font-size: smaller;
    }

    sup {
        vertical-align: super;
        font-size: smaller;
    }

    .smaller {
        font-size: 91.667%;
    }
    /* #endregion */

    hr {
        margin: 0 0 0.5em 0;
        padding: 0 0 0.5em 0;
        border: none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    /* #region Links */
    a[href]:link, a[href]:link * {
        text-decoration: none;
    }

    a[href]:focus, a[href]:hover, a[href]:active, a[href]:focus *, a[href]:hover *, a[href]:active * {
        text-decoration: underline;
        outline: 0 none;
    }

    /* Hervorhebung externer Hyperlinks mit CSS */
    /* #ctl00_main a[href^="http://www.my-domain.com"], #ctl00_main a[href^="https://www.my-domain.com"] { */
    /*     padding-left:12px; */
    /*     background-image:url('your_image.gif'); */
    /*     background-repeat:no-repeat; */
    /*     background-position:0 0.45em; */
    /* } */

    /* #endregion */

    /* #region Standardklassen zur Positionierung und Hervorhebung */
    .note {
        background-color: #eeffee;
        color: #004400;
        border: 2px #448844 solid;
        padding: 10px;
        margin-bottom: 1em;
    }

    .important {
        background-color: #ffffee;
        color: #444400;
        border: 2px #888844 solid;
        padding: 10px;
        margin-bottom: 1em;
    }

    .warning {
        background-color: #ffeeee;
        color: #440000;
        border: 2px #884444 solid;
        padding: 10px;
        margin-bottom: 1em;
        display: inline-block;
    }

    .float_left {
        float: left;
        display: inline;
        margin-right: 1em;
    }

    .float_right {
        float: right;
        display: inline;
        margin-left: 1em;
    }

    .center {
        display: block;
        text-align: center;
        margin: 0.5em auto;
    }
    /* #endregion */

    /* #region Datagrid */
    table caption {
        font-variant: small-caps;
    }

    table.list {
        width: 100%;
        vertical-align: top;
        margin-bottom: 0.5em;
        border-top: none;
        border-bottom: none;
    }

    table.list thead th, table.list tbody th {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding: 0.3em;
        font-weight: 600;
    }

    table.list tbody td {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        vertical-align: text-top;
        padding: 0.3em;
    }

    table.list tbody td img {
        vertical-align: text-bottom;
        margin-right: 2px;
    }

    table.list .pager table td {
        border: none;
    }
    /* #endregion */

    /* #region Fotoalbumseite */
    table.pictures {
        width: auto;
        vertical-align: top;
        text-align: center;
        margin-bottom: 0.5em;
    }

    .pictureElement {
        border-style: solid;
        border-width: 1px;
        width: 120px;
        vertical-align: top;
        padding: 0.3em;
    }

    table.picturesPaging td {
        padding: 0.2em;
    }

    .imagelist {
        list-style-image: none;
        margin: 0;
        display: block;
        padding: 0;
    }

    .imagelist li {
        margin: 0;
        padding: 0;
        display: inline;
    }

    .imagelist li a img {
        padding: 4px;
        margin: 0;
        border: solid 1px #333333;
    }
    /* #endregion */

    /* #region Aktionen */
    div.actions {
        padding: 2px;
        margin-bottom: 15px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    div.actions div {
        display: inline;
        margin-right: .3em;
    }

    div.actions div img {
        vertical-align: middle;
        margin-right: 2px;
    }
    /* #endregion */

    /* #region Such- und Eingabeparameter */
    table.search, table.gantt {
        vertical-align: top;
        margin: 0 0 1em 0;
        padding: 10px;
    }

    table.search td, table.gantt td {
        padding: 0.3em;
        vertical-align: bottom;
    }

    table.search label, table.gantt label {
        border-collapse: separate;
        margin-bottom: 0.5em;
    }

    table.search input, table.search select, table.gantt input, table.gantt select {
        border-style: solid;
        border-width: 1px;
        width: 120px;
        display: block;
        padding: 0.3em 0.3em;
    }

    table.search select, table.gantt select {
        padding: 0.21em 2px 0.21em 1px;
        cursor: pointer;
    }

    table.search input[type=button], table.search input[type=submit],
    table.gantt input[type=button], table.gantt input[type=submit] {
        border-style: solid;
        border-width: 1px;
        padding: 0.3em 1em;
        width: 100px;
        cursor: pointer;
        -webkit-appearance: none;
    }

    table.gantt input[type=button].prevBt, table.gantt input[type=submit].prevBt {
        width: 25px;
        padding: 0.3em 0.3em;
    }

    table.gantt input[type=button].nextBt, table.gantt input[type=submit].nextBt {
        width: 25px;
        padding: 0.3em 0.3em;
        float: right;
    }

    table.ganttNav {
        width: 100%;
        table-layout: fixed;
    }
    /* #endregion */

    /* #region Grafikseite */
    table.graphic {
        width: auto;
        vertical-align: top;
        padding-bottom: 10px;
    }

    table.graphic td {
        vertical-align: top;
        padding: 0.3em;
    }

    table.graphic td.border {
        padding: 2px 5px;
        border-style: solid;
        border-width: 1px;
    }

    table.legend tr.legendTitle th, table.legend tr.legendEntry td, div.legendTitle, div.legendEntry {
        font-size: 90%;
        padding-bottom: 0.2em;
    }

    table.legend tr.legendTitle th, div.legendTitle {
        font-weight: 600;
        text-align: left;
    }
    /* #endregion */

    /* #region Ganttseite */
    #gantt_container {
        overflow-x: auto;
        overflow-y: hidden;
    }

    span.ganttCtrl * {
        vertical-align: top;
    }

    span.ganttCtrl table tr {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    span.ganttCtrl table.GanttGrid_header_outer .GanttGrid_header {
        font-weight: 600;
    }

    span.ganttCtrl table.GanttGrid_outer tr, span.ganttCtrl table.GanttGrid_header_outer tr {
        border-bottom: none;
    }

    span.ganttCtrl table.GanttGrid_outer td, span.ganttCtrl table.GanttGrid_header_outer td {
        padding: 0 0.3em;
        white-space: nowrap;
    }

    span.ganttCtrl div[id^="GanttCtrl;"], #GanttCtrl_DS {
        border-left-style: solid;
        border-left-width: 1px;
        border-right-style: solid;
        border-right-width: 1px;
    }

    td.GanttGrid img {
        vertical-align: text-bottom;
        margin-right: 2px;
    }
    /* #endregion */

    /* #region Calendar Extender */
    .ajax__calendar, .ajax__calendar div {
        box-sizing: content-box;
        margin: 0 !important;
    }

    .ajax__calendar .ajax__calendar_container {
        font-family: Arial, Helvetica, sans-serif;
        z-index: 1000;
    }

    .ajax__calendar .ajax__calendar_container td, .ajax__calendar .ajax__calendar_container td {
        padding: 0;
        margin: 0;
    }

    .ajax__calendar .ajax__calendar_container .ajax__calendar_header div {
        display: inline;
    }

    .ajax__calendar .ajax__calendar_container .ajax__calendar_footer {
        border-top-style: solid;
        border-top-width: 1px;
    }

    .ajax__calendar .ajax__calendar_body .ajax__calendar_days thead tr {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .ajax__calendar .ajax__calendar_body .ajax__calendar_dayname {
        border-bottom: none;
    }

    .ajax__calendar .ajax__calendar_container .ajax__calendar_active .ajax__calendar_day,
    .ajax__calendar .ajax__calendar_container .ajax__calendar_active .ajax__calendar_month,
    .ajax__calendar .ajax__calendar_container .ajax__calendar_active .ajax__calendar_year {
        font-weight: 600;
    }

    .ajax__calendar .ajax__calendar_container .ajax__calendar_today .ajax__calendar_day,
    .ajax__calendar .ajax__calendar_container .ajax__calendar_today .ajax__calendar_month,
    .ajax__calendar .ajax__calendar_container .ajax__calendar_today .ajax__calendar_year {
        border-color: transparent;
        color: #ff0000;
        font-weight: 600;
    }

    .ajax__calendar .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_title,
    .ajax__calendar .ajax__calendar_container .ajax__calendar_hover .ajax__calendar_today {
        text-decoration: underline;
    }

    .ajax__calendar .ajax__calendar_footer.ajax__calendar_today {
        font-weight: 600;
    }
    /* #endregion */

    /* #region Summenzeile */
    div.DivSum {
        padding: 0.3em;
    }

    div.DivSum span {
        vertical-align: top;
    }
    /* #endregion */

    /* #region Loginseite */
    table.login {
        border-collapse: collapse;
        vertical-align: top;
        border-style: solid;
        border-width: 1px;
        padding: 10px;
        margin-top: 20px;
    }

    table.login tr td {
        border: none;
        margin: 0.5em 0;
        padding: 0.3em;
    }

    td.loginTx {
        font-weight: 600;
        padding: 0.5em 0 1.0em 0;
    }

    input.loginTb, input.loginBt, input.loginCb {
        font-family: inherit;
        border-style: solid;
        border-width: 1px;
        padding: 0.3em 0.3em;
    }

    input.loginTb {
        width: 200px;
    }

    input.loginBt {
        padding: 0.5em 1em;
        min-width: 100px;
        cursor: pointer;
        -webkit-appearance: none;
    }
    /* #endregion */
}

@media screen {
    /* #region Menu */
    div.menu {
        width: 100%;
    }

    div.menu ul, div.menu li {
        width: 100% !important;
    }

    a.menuItemStatic, a.menuItemDynamic {
        white-space: normal !important;
    }

    a.menuItemStatic img.icon, a.menuItemDynamic img.icon {
        padding-right: 0.3em;
        vertical-align: text-bottom !important;
    }

    ul.menuDynamic {
        border-style: solid;
        border-width: 1px;
    }

    ul.menuStatic li {
        padding: 0.3em 5px 0.3em 10px;
        margin: 0;
        max-width: 190px;
    }

    ul.menuDynamic li {
        padding: 0.3em;
        margin: 0;
        max-width: 190px;
    }

    .menuHoriz .menu {
        margin: 10px 0;
    }

    .menuHoriz ul.menuStatic li {
        margin-right: 0.6em;
        border-style: solid;
        border-width: 1px;
        text-align: center;
        padding: 0.3em;
    }

    .menuHoriz ul.menuDynamic li {
        text-align: center;
        border: none;
    }
    /* #endregion */
}