/* Schriften bereitstellen */
@font-face {
  font-family: 'yanone_kaffeesatzregular';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanonekaffeesatz-regular-webfont.eot');
  src: url('../fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
       url('../fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
       url('../fonts/yanonekaffeesatz-regular-webfont.svg#yanone_kaffeesatzregular') format('svg');
}

/* normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
       url('../fonts/OpenSans-Regular-webfont.eot')  format('eot'),
       url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'),
       url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
       url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
}
/* bold */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/OpenSans-Bold-webfont.eot')  format('eot'),
       url('../fonts/OpenSans-Bold-webfont.ttf')  format('truetype'),
       url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
       url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
}
/* normal italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/OpenSans-Italic-webfont.eot')  format('eot'),
       url('../fonts/OpenSans-Italic-webfont.ttf')  format('truetype'),
       url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
       url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
}
/* bold italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/OpenSans-BoldItalic-webfont.eot')  format('eot'),
       url('../fonts/OpenSans-BoldItalic-webfont.ttf')  format('truetype'),
       url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
       url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
}

/* latin-ext */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    src: local('Inconsolata Regular'), local('Inconsolata-Regular'),
         url('../fonts/Inconsolata-Regular.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    src: local('Inconsolata Regular'), local('Inconsolata-Regular'),
         url('../fonts/Inconsolata-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 700;
    src: local('Inconsolata Bold'), local('Inconsolata-Bold'),
         url('../fonts/Inconsolata-Bold.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 700;
    src: local('Inconsolata Bold'), local('Inconsolata-Bold'),
         url('../fonts/Inconsolata-Bold.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Code Pro ExtraLight'), local('SourceCodePro-ExtraLight'),
         url('../fonts/SourceCodePro-ExtraLight.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Code Pro ExtraLight'), local('SourceCodePro-ExtraLight'),
         url('../fonts/SourceCodePro-ExtraLight.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Code Pro Light'), local('SourceCodePro-Light'),
         url('../fonts/SourceCodePro-Light.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Code Pro Light'), local('SourceCodePro-Light'),
         url('../fonts/SourceCodePro-Light.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Code Pro'), local('SourceCodePro-Regular'),
         url('../fonts/SourceCodePro-Regular.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Code Pro'), local('SourceCodePro-Regular'),
         url('../fonts/SourceCodePro-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 500;
    src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'),
         url('../fonts/SourceCodePro-Medium.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 500;
    src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'),
         url('../fonts/SourceCodePro-Medium.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Code Pro Semibold'), local('SourceCodePro-Semibold'),
         url('../fonts/SourceCodePro-Semibold.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Code Pro Semibold'), local('SourceCodePro-Semibold'),
         url('../fonts/SourceCodePro-Semibold.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'),
         url('../fonts/SourceCodePro-Bold.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'),
         url('../fonts/SourceCodePro-Bold.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Code Pro Black'), local('SourceCodePro-Black'),
         url('../fonts/SourceCodePro-Black.ttf') format('truetype');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Code Pro Black'), local('SourceCodePro-Black'),
         url('../fonts/SourceCodePro-Black.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ========== Definition der Basis-Schriftart und Hintergrundfarbe */

html {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

td {
    padding: 2px;
}

/* Tabellen im Wunsch-System */
.todotable td {
    padding: 7px;
}


/* ========== Tabellen-Ãœberschriften */
th {
    padding-top:2px;
    padding-bottom:5px;
}

input.klein {
    font-size:10px;
}

select.klein {
    font-size:11px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    /* outline: thin solid #EE0000; */
    background-color: #FAFAFA;
}

input[readonly].inputlabel_ro {
    color: black;
    border-color: transparent;
}

input[readonly].inputlabel_ro::placeholder,
textarea[readonly].inputlabel_ro::placeholder {
    font-style: italic;
    font-size: 0.9em;
}

input[readonly].inputlabel_ro:-ms-input-placeholder,
textarea[readonly].inputlabel_ro:-ms-input-placeholder {
    font-style: italic;
    font-size: 0.9em;
}

input[readonly].inputlabel_ro::-ms-input-placeholder,
textarea[readonly].inputlabel_ro::-ms-input-placeholder {
    font-style: italic;
    font-size: 0.9em;
}

fieldset legend {
    font-weight: bold;
}

fieldset {
    margin-top: 12px;
}

/* ========== Diensttabelle in Hauptspalte */
table.midtable {
  border: 1px solid #666666;
  padding: 3px;
  width:100%;
}

a.tool-item img {
    cursor: pointer;
    height: 17px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 8px;
}

/* ========== Tablesorter defaults */
table.tablesorter .icons img {
    cursor: pointer;
    height: 17px;
    margin-left: 5px;
    margin-right: 5px;
}

table.tablesorter tr.filtered {
    display: none !important;
}
table.tablesorter .tablesorter-filter.disabled {
    display: none;
}

.glyphicon_16px {
    height: 16px;
    cursor: pointer;
}

.glyphicon_17px {
    width: 17px;
    height: 17px;
    cursor: pointer;
}


/* ========== Untermenü in Hauptspalte */
div.submenu {
  border: 1px solid #666666;
  padding-left:10px;
  padding-right:10px;
}

/* ========== Verschiedene Farben für Tabellenzeilen erhöhen die Übersicht */
.katlabel {
    font-size: 9px;
    color: #FFFFFF;
}

/* Tabellen-Zeilen even/odd, Kategorien */
.colA,
tr.colA td,
table.striped > tbody > tr:nth-child(2n+1) {
    background-color: #ffffd2;
}

.colB,
tr.colB td,
table.striped > tbody > tr:nth-child(2n) {
    background-color: #ffffd2;
}

.col0 { background-color:#b0b0b0; } /* keine Kategorie zugewiesen */
.col1 { background-color:#fafafa; } /* Termine */
.col2 { background-color:#f3f3f3; } /* Einsaetze */
.col3 { background-color:#f0f0f0; } /* Kurse */
.col4 { background-color:#ff0099; } /* reserved */
tr.col5 td span.katlabel, span.katlabel.col5, option.col5, select.col5, input.col5, input.col5:focus, .kalender td.col5 { background-color:#fad165; color:#000000; }
tr.col6 td span.katlabel, span.katlabel.col6, option.col6, select.col6, input.col6, input.col6:focus, .kalender td.col6 { background-color:#ffad47; color:#000000; }
tr.col7 td span.katlabel, span.katlabel.col7, option.col7, select.col7, input.col7, input.col7:focus, .kalender td.col7 { background-color:#fb573c; }
tr.col8 td span.katlabel, span.katlabel.col8, option.col8, select.col8, input.col8, input.col8:focus, .kalender td.col8 { background-color:#ff99cc; color:#000000; }
tr.col9 td span.katlabel, span.katlabel.col9, option.col9, select.col9, input.col9, input.col9:focus, .kalender td.col9 { background-color:#ff3399; }
tr.col10 td span.katlabel, span.katlabel.col10, option.col10, select.col10, input.col10, input.col10:focus, .kalender td.col10  { background-color:#cd73e4; }
tr.col11 td span.katlabel, span.katlabel.col11, option.col11, select.col11, input.col11, input.col11:focus, .kalender td.col11  { background-color:#9966cc; }
tr.col12 td span.katlabel, span.katlabel.col12, option.col12, select.col12, input.col12, input.col12:focus, .kalender td.col12  { background-color:#4a86e8; }
tr.col13 td span.katlabel, span.katlabel.col13, option.col13, select.col13, input.col13, input.col13:focus, .kalender td.col13  { background-color:#0055cc; }
tr.col14 td span.katlabel, span.katlabel.col14, option.col14, select.col14, input.col14, input.col14:focus, .kalender td.col14  { background-color:#009999; }
tr.col15 td span.katlabel, span.katlabel.col15, option.col15, select.col15, input.col15, input.col15:focus, .kalender td.col15  { background-color:#33cc99; }
tr.col16 td span.katlabel, span.katlabel.col16, option.col16, select.col16, input.col16, input.col16:focus, .kalender td.col16  { background-color:#7bd148; }
tr.col17 td span.katlabel, span.katlabel.col17, option.col17, select.col17, input.col17, input.col17:focus, .kalender td.col17  { background-color:#b4dc6c; color:#000000; }
tr.col18 td span.katlabel, span.katlabel.col18, option.col18, select.col18, input.col18, input.col18:focus, .kalender td.col18  { background-color:#b69659; }
tr.col19 td span.katlabel, span.katlabel.col19, option.col19, select.col19, input.col19, input.col19:focus, .kalender td.col19  { background-color:#ac725e; }
.kalender a { color: #fff; }
.kalender a:active, .kalender a:focus, .kalender a:hover { color: #fff; }
.kalender td.col1 a, .kalender td.col2 a, .kalender td.col3 a, .kalender td.col4 a, .kalender td.col5 a, .kalender td.col6 a, .kalender td.col8 a, .kalender td.col17 a { color:#000000; }


/* ========== MouseOver-Effekt in Tabellen: die Zeile unter der Maus wird hervorgehoben */
tr.mouse { background-color:#fafaa0; }

/* ========== Wird eine Zeile angeklickt, so bleibt diese in einer weiteren Farbe markiert */
tr.klick, tr.klick td, div.klick { background:#f5f564 !important; }

/* ========== Effekt fuer die zuletzt bearbeitete Zeile */
tr.highlight { background-color: #f5f564 !important; }

/* ========== Trennzeile zwischen verschiedenen Wochen */
tr.trenn {
  background-color:#FFFF00;
}

/* ========== Spalte für den eigentlichen Seiteninhalt */
td.maincol {
  padding-left:20px;
}

/* ========== Spalte für das Menü links */
div.logo {
    padding: 10px 10px 10px 12px;
    background-color: #FFF;
}

div.logo img {
/*    border: 2px solid #888;
*/}

td.menuecol {
  background-color: #FF5F5F;

}
td.menuecol th {
  color: #000000;
  font-weight: bold;
  text-align:center;
  font-size:13px;
  cursor:pointer;
}
td.menu_box {
  background-color: #FF5F5F;
  padding:5px;
}


td.rot,span.rot {
  background-color: #EE0000 !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}

/* ========== Einzelne Menüpunkte */
td.menu_box p {
  margin-top:4px;
  margin-bottom:6px;
}
p.menuitem_active {
  margin-top:4px;
  margin-bottom:6px;
  font-weight:bold;
  color:#EE0000;
}
td.menu_box a, td.menu_box a:visited,
#men ul a,
#men ul a:visited,
#menu_row_00 ul a,
#menu_row_00 ul a:visited {
  color: #000000;
}
td.menu_box a:hover,
#men ul a:hover,
#menu_row_00 ul a:hover {
  color: #EE0000;
  text-decoration:underline;
}

#men {
    padding: 2px;
    background-color: #FF5F5F;
    width: 172px;
}
#menu_row_00_wrap {
    padding: 15px 2px 2px 2px;
    background-color: #FF5F5F;
    width: 172px;
}

#mencolcont .ui-accordion-header {
    margin: 0;
}

#menu_row_00_header {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

#menu_row_00_header a,
#menu_row_00_header a:visited {
    color: #5c5c5c;
}

#men h3.ui-state-active {
    background: #FFFF00;
}

#men div {
    overflow: visible;
    padding: 0.3em 2.2em;
}

#men .ui-accordion-header,
#up_please .ui-accordion-header {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

#men ul,
#menu_row_00 ul {
    margin: 0;
    list-style-type: none;
    padding-left: 0;
    font-size: 13px;
}


#men ul li,
#menu_row_00 ul li {
    margin: 7px 0;
}


#menu_row_00_header {
    background: #EEEEEE;
    border: #888 1px solid;
}

#menu_row_00 {
    border: #888 1px solid;
    border-top: none;
    padding: 0.3em 2.4em;
    font-size: 13px;
    margin-bottom: 1px;
}

#men div.google_input ul form div {
    padding: 0.3em 0;
}

.menulink_active {
    font-weight: bold;
}

#up_please  {
    bottom: 52px;
    position: fixed;
    width: 172px;
    margin: 2px;
}

#sessionTimeout-bar {
    margin: 3px 3px;
    cursor: pointer;
}
.ui-progressbar {
    position: relative;
}
.ui-progressbar .ui-widget-header {
    background: #F0F0F0;
}
.progress-label {
    position: absolute;
    left: 27px;
    top: 6px;
    /*
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    */
}

.ueb_kuerzelspalte {
    max-width: 150px;
}

.killpic {
    max-height: 16px;
    cursor: pointer;
}

/* ========== Auf der Seite  -Helfer einteilen-  werden aus der alphabetischen Helferliste */
/*            diejenigen farblich hervorgehoben, die fest eingeteilt  -fest-  bzw. unverbindlich gemeldet  -meld-  sind. */
.fest {
  background-color:#66cc66;
}
.meld {
  background-color:#FFFF66;
}
.nein {
  background-color:#EE0000;
}

/* ========== Auf den Seiten  -Rundmail- und -SMS-  werden aus der Helferliste */
/*            diejenigen farblich hervorgehoben, die fest eingeteilt  -fest-  bzw. unverbindlich gemeldet  -meld-  sind. */
.komm_empf {
    height: 40px;
}

.komm_fest {
  color:#007733;
}
.komm_meld {
  color:#CC9900;
}
.komm_abs {
  color:#990033;
}

#komm_potEmailEmpfDiv,
#komm_potSMSEmpfDiv {
    list-style: none;
    padding-left: 20px;
    min-width: 250px;
    max-width: 1250px;
}

.komm_multicolumn {
    column-count: 4;
    column-gap: 10px;
    -moz-column-count: 4;
    -moz-column-gap: 10px;
    -webkit-column-count: 4;
    -webkit-column-gap: 10px;
}

#komm_potEmailEmpfDiv span,
#komm_potSMSEmpfDiv span {
    width: 280px;
    float: left;
}


#komm_potEmailEmpfDiv ul li,
#komm_potSMSEmpfDiv ul li {
    padding: 5px 0 5px 20px;
    height: 30px;
    width: 240px;
}
#komm_potEmailEmpfDiv ul li span input,
#komm_potSMSEmpfDiv ul li span input {
    padding: 5px 0 5px 20px;
}

.komm_we {
    list-style-type: none;
    padding-left: 25px;
}
.komm_we li {
    line-height: 25px;
}

.kommfieldsets #statistik {
    padding: 10px 0 5px 25px;
}

#komm_empfaengerauswahl {
    padding-left: 20px;
    float: left;
}
#komm_empfaengerauswahl_bem {
    padding-left: 30px;
    float: left;
}
/* === Tabelle bei Einteilung, Feld "summe" */
td.green {
    background-color:#66cc66;
}
td.red {
    background-color:#EE0000;
}



/* ========== (unspezifische) Fehlermeldung, die direkt unterhalb der Seitenueberschrift eingeblendet wird */
div.fehler {
    background-color: #fb573c;
    color: #FFFFff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ff7537;
    padding: 6px;
    margin-bottom:20px;
}
/* ========== (exakte) Fehlermeldung neben dem entspr. falsch ausgefuellten Eingabefeld */
span.fehlertext,
td.fehlertext,
div.fehlertext {
    background-color: #fb573c;
    color: #FFFFff;
    font-size: 13px;
    font-weight: bold;
    padding:2px;
    margin-left:5px;
}

/* ========== Umrandung für falsch ausgefuelltes Eingabefeld */
.fehlerfeld {
    border: 2px solid #fb573c;
}

.input_error {
    font-weight: bold;
    color: #ff0000;
}

.input_error_text {
    line-height: 16px;
    padding-left: 20px;
    background: url("../pics/glyphicons-2-0/glyphicons-basic-638-triangle-alert.svg") left center / 16px 16px no-repeat;
    white-space: pre-line;
}

.input_error_margin {
    margin: 10px 0 0 0;
}

.input_error_hidden, .elem_shadow .input_error {
    display: none !important;
}

.input_error_field {
    background: #f3d8d8;
}

/* ========== Erfolgsmeldung, wird direkt unterhalb der Seitenueberschrift eingeblendet */
div.meldung {
    background-color:#66cc66;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    border: 1px solid #70e070;
    padding: 6px;
    margin-bottom:20px;
}

/* ========== Inline-Erfolgsmeldung, die innerhalb der Seite angezeigt wird. z.B. nach AJAX-Anfragen */
span.meldung {
    background-color:#66cc66;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #70e070;
    padding: 4px 10px;
    margin-bottom:20px;
}


/* ========== Infomeldung, wird direkt unterhalb der Seitenüberschrift eingeblendet */
div.info {
    background-color:#F0F0F0;
    color: #000000;
    font-size: 11px;
    text-align: center;
    border: 1px solid #666666;
    padding: 6px;
    margin-bottom:20px;
}


/* ========== Seiten-Ãœberschrift */
h1 {
    font-family: 'yanone_kaffeesatzregular',sans-serif;
    font-size: 28px;
    font-weight: normal;
    color:#cd0000;
    margin-bottom:25px;
    text-align: left;
}

/* ========== Teil-Ãœberschriften, zB auf der Ãœbersichts-Seite  */
h3 {
    font-size: 14px;
    font-weight: bold;
}

/* --- Teil-Ãœberschriften zwischen Big-Buttons bei Einstellungen und Import */
.divide_hl {
    color: #EE0000;
    font-family: 'yanone_kaffeesatzregular',sans-serif;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 20px 0 10px 0;
    text-transform: uppercase;
}

.divide_hl_schwarz {
    color: #000000;
    font-family: 'yanone_kaffeesatzregular',sans-serif;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.5px;
    padding: 20px 0 10px 0;
    text-transform: uppercase;
}

/* ========== Am Seitenende: Link  -Zurück-  */
h4 {

}


/* ========== Kleinere Hinweis-Texte  */
small {
	font-size: 11px;
}


/* ========== Links normal */
a,a:visited {
    color: #EE0000;
    text-decoration: none;
}
/* ========== Links bei Mouseover  */
a:hover {
    color: #EE0000;
    text-decoration:underline;
}

/* ========== Div-Toggle Input  */
.inputdiv {
    position: absolute;
    display: none;
    width: 205px;
    border: 1px solid black;
    background-color: white;
}
.inputdiv ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 205px;
}
.inputdiv ul a {
    display: block;
    width: 205px;
}
.inputdiv ul a:focus, .inputdiv ul a:hover, .inputdiv ul a.sel {
    background-color: #FFFF66;
}

.index_maintab_anz_helf {
    min-width: 50px;
    padding: 1px 10px;
}

.index_maintab_button_einteil {
    min-width: 50px;
    padding-right: 10px;
}

.kommfieldsets {
     min-width: 250px;
    max-width: 1250px;
/*   max-width: 920px;
    min-width: 320px;
*/
}

.kommgruppenauswahl_divs {
    padding: 10px;
    float: left;
}

.kommgruppenauswahl_divs select {
    width: 150px;
    margin-bottom: 5px;
}

.kommgruppenauswahl_divs input.ui-button {
    margin: 30px 5px;
}

.potEmpf_frei {
    background: url('../pics/icon/glyphicons_192_circle_remove.png') left center no-repeat #eee;
    background-size:auto 17px;
}

.potEmpf_gew {
    background: url('../pics/icon/glyphicons_193_circle_ok.png') left center no-repeat #eee;
    background-size:auto 17px;
}

#persausr_table_wrap table {
    min-width: 60%;
}

#einteilt_table_wrap table{
    min-width: 35%;
}

.einteil_bgcolor_red {
    background-color: #FB7A71;
}

.einteil_bgcolor_yellow {
    background-color: #FFFF66;
}

.einteil_bgcolor_green {
    background-color: #60FF87;
}

.einteil_bgcolor_transp {
    background-color: transparent;
}

#einteilds fieldset {
    max-width: 550px;
}

.einteilk_tagdiv {
    width: 600px;
    background-color: #eee;
    padding: 1px 10px 40px;
    margin-bottom: 10px;
}

.einteilk_tagdiv ul {
    list-style-type: none;
    padding-left: 20px;
}

#einteilk_div_dialog ul {
    list-style-type: none;
    padding-left: 20px;
}

#einteilk_div_dialog > ul > li {
    line-height: 25px;
}

.einteilk_pictel {
    height: 16px;
    vertical-align: text-top;
    padding: 0 5px;
}

.einteilk_fieldset_mail {
    max-width: 900px;
}

.nobr {
    white-space : nowrap;
}

.clearer {
    clear: both;
    font-size: 1px;
}

.ta_center {
    text-align: center;
}

.ta_right {
    text-align: right;
}


/* jQuery inFieldLabels: */
label.labelinside  {
 /*   position: absolute;
 */   top: 0;
    left: 0;
    cursor: text;
    pointer-events: none;
    color: #004276;
}

.text_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-autocomplete-loading {
    background: white url('../pics/ajax-loader-circleball16x16.gif') right center no-repeat;
}

.ui-autocomplete-input {
    background: white url('../pics/icon/glyphicons_187_more_grau.png') right center no-repeat;
    padding-right: 3px;
    background-origin: content-box;
}

.ui-timepicker {
    float: right;
}

div.ui-dialog-buttonset button.onlylink {
    background:none;
    border:0 none;
    font-weight: normal;
}

div.stayontop-fixed {
    position: fixed;
    top: 0;
    background-color: #FFFFFF;
    z-index: 999;
}
div.stayontop-fixed div {
    margin-bottom: 3px;
}

.kalender_term_hr {
    border-top: 1px solid #666;
}

/* Mailbenachrichtigungen */
.benachrichtigung {
    padding-left: 0;
    margin-top: 0;
    width: 650px;
    list-style-type: none;
}

.benachrichtigung li {
    margin-bottom: 10px;
    line-height: 22px;
}

.benachrichtigung_potEmpfDiv {
    background-color: #eee;
    width: 600px;
    border-left: 15px #eee solid;
    border-right: 15px #eee solid;
    margin-top: 10px;
}

.benachrichtigung_potEmpfDiv ul {
    list-style: none;
    padding-left: 0;
    width: 300px;
    float: left;
}

.benachrichtigung_potEmpfDiv ul li {
    padding: 5px 0 5px 20px;
}

/*  Dialog für Termin-/Dienst-Wiederholungen */
#wdh_dialog div {
    float: left;
    width: 280px;
    line-height: 35px;
}

#wdh_dialog div.wdh_label {
    width: 150px;
    text-align: right;
    margin-right: 15px;
}

#wdh_zusammenf {
    font-weight: bold;
}

/* Kurs-Formular */

.dienstform_label_left {
    float: left;
    width: 150px;
    line-height: 35px;
}

.dienstform_text_middle {
    float: left;
    line-height: 35px;
    width: 370px;
}

.dienstform_input_right {
    float: left;
    line-height: 35px;
}

.dienstform_input_right select {
    margin-top: 10px;
}

.dienstform_input_right input {
    margin-top: 5px;
}

.dienstform_input_right #div_wdh {
    line-height: 20px;
}

/* Breitenausbildung-Statistik */
.ba_statistisk_colwidth1 {
    width: 350px;
}

.ba_statistisk_colwidth2 {
    width: 100px;
}

#adressdialog {
    line-height: 30px;
}

#adressdialog .formlabel {
    float: left;
    width: 130px;
    line-height: 22px;
}

#adressdialog .forminput {
    float: left;
    line-height: 22px;
}

#adressdialog .forminput_right {
    float: right;
    line-height: 22px;
    margin-right: 13px;
}

#adressdialog_fehler {
    color: red;
    font-weight: bold;
    line-height: initial;
}

/* Material-System */

.mat_tablezuweisung {
    width: 100%;
}

.mat_tablezuweisung td {
    vertical-align: baseline;
}

.mat_tablezuweisung td img {
    vertical-align: text-bottom;
    cursor: pointer;
}

#etikettdruck_form table {
    float: left;
    border-right: 1px solid #CCC;
    margin-right: 15px;
    padding-right: 15px;
    width: 450px;
}

div#etikett_raster {
    display: inline-block;
    line-height: 17px;
    margin-left: 5px;
    width: 150px;
}

#etikett_raster h3 {
    margin: 0;
}

#etikett_raster div {
    float: left;
    border-radius: 2px;
    height: 15px;
    width: 20px;
    background-color: #EFEFEF;
    border: 1px solid #CCC;
}

#etikett_raster div.etikett_raster_markiert {
    background-color: #B1DDFF;
}

#etikett_raster div.etikett_raster_ausgewaehlt {
    background-color: #88BBFF;
}

.th_small {
    font-size: 11px;
    padding: 2px 12px;
}

a.callToAction {
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
a.callToAction:link {
    background-color: #CD0000;
}
a.callToAction:hover {
    background-color: #ff0000;
}

.callToActionPrequel {
    font-family: 'yanone_kaffeesatzregular', sans-serif;
    font-size: 22px;
    margin: 10px auto;
    text-align: center;
}

a.callToAction_grey {
    filter: invert(0%);
    background: url('../pics/icon/glyphicons_217_circle_arrow_right_inv.png') no-repeat right;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
a.callToAction_grey:link {
    background-color: #bbbbbb;
}
a.callToAction_grey:hover {
    background-color: #cd0000;
}

a.check {
    background: no-repeat left;
    display: block;
    font-family: 'yanone_kaffeesatzregular',sans-serif;
    font-size: 24px;
    margin-left:5px;
    padding: 0 0 0 25px;
    text-align:left;
    text-decoration:none;
}
a.check:link {
    background-image: url('../pics/icon/glyphicons_153_unchecked.png');
}
a.check:hover {
    background-image: url('../pics/icon/glyphicons_152_check.png');
    color:#000000;
}

.notebox {
    border-radius:10px;
    float: left;
    margin: 5px 0;
    padding:10px;
    position: relative;
    text-align:center;
    width: 70%;
}
.notebox.bg-gold {
    background-color: #ffd16d;
}
.notebox.bg-grau {
    background-color: #ededed;
}

.noteBoxHead22 {
        font-family: 'yanone_kaffeesatzregular',sans-serif;
        font-size:22px;
}
/* Workaround für Chrome und Mozilla, damit auch Sueb-Button in der Box zentriert wird */
.notebox table {
    margin-left: auto;
    margin-right: auto;
}

/* Big-Buttons, bei Einstellungen und Import */
a.boxbutton-big,
a.boxbutton-big:visited {
    background-color: #EEEEEE;
    border: 1px solid #D8DCDF;
    border-radius: 8px;
    color: #004276;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height:85px;
    margin-right: 10px;
    margin-bottom: 5px;
    overflow: visible;
    padding: 25px 0 0 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    width: 110px;
}
a.boxbutton-big:hover {
    background-color: #f5f5f5;
    color: #EE0000;
    font-size: 12px;
}



/* Tablefilter für unsere Child-Rows anpassen */
.filtered {
    display: none;
}
.tablesorter-cr-hidden {
    display: none !important;
}

tr.tablesorter-childRow > td > table > tbody > tr.filtered {
    display: table-row !important;
}

.tablesorter-default td,
.tablesorter-childRow th {
    padding-left: 7px;
    padding-right: 7px;
}

#mattable td img {
    height: 15px;
    cursor: pointer;
}

.tablesorter-childRow table {
    background-color: #fff;
}

.tablesorter-childRow .tablesorter-childRow tbody > tr > td,
.tablesorter-childRow .tablesorter-childRow tbody > tr.even > td,
.tablesorter-childRow .tablesorter-childRow tbody > tr.odd > td,
.tablesorter-childRow .tablesorter-childRow tbody > tr:hover > td,
.tablesorter-childRow .tablesorter-childRow tbody > tr.even:hover > td,
.tablesorter-childRow .tablesorter-childRow tbody > tr.odd:hover > td {
    background: #fff;
}

.mat_liste_links a img {
    border: none;
}

/* override bootstrap - multiselect defaults */
button.multiselect {
    min-width: 120px;
    font-size: 13px;
    padding: 3px 6px;
}
ul.multiselect-container.dropdown-menu > li > a {
    padding: 2px 10px;
}

ul.multiselect-container.dropdown-menu > li {
    text-align: left;
}


button.button_thin {
    padding-top: 0;
    padding-bottom: 0;
}

button.button_big .ui-button-text {
    padding: 15px 15px;
}

#table_benach tr {
    line-height: 25px;
    vertical-align: middle;
}

.terminabsprache_stimmen_ja {
    color: #088A29;
    display: inline-block;
    width: 30%;
    text-align: center;
}

.terminabsprache_stimmen_ungern {
    color: #cccc00;
    display: inline-block;
    width: 30%;
    text-align: center;
}

.terminabsprache_stimmen_nein {
    color: #F21111;
    display: inline-block;
    width: 30%;
    text-align: center;
}

.terminabsprache_dunkel_grau {
    background-color: #BDBDBD;
}

.terminabsprache_hell_grau {
    background-color: #F2F2F2;
}

/******
 * Einteilungen und Meldungen zu Veranstaltungen
 ******/

.et_vstatus_voll {
    background-color: #66cc66 !important;
}

.et_vstatus_voll_neu {
    background-color: #a0d468 !important;
}

.et_vstatus_voll a,
.et_vstatus_voll a:visited {
    color: white;
    font-weight: bold;
}

.et_vstatus_voll_meldungen {
    background-color: #ffff66 !important;
}

.et_vstatus_voll_meldungen a {
    font-weight: bold;
}

.et_vstatus_bedarf {
    background-color: #ff6666 !important;
}

.et_vstatus_bedarf_neu {
    background-color: #fc6e51 !important;
}

.et_vstatus_bedarf a {
    color: white;
    font-weight: bold;
}

.et_vstatus_bedarf_dringend {
    background-color: #ff3333 !important;
}

.et_vstatus_bedarf_dringend a,
.et_vstatus_bedarf_dringend a:visited {
    color: white;
    font-weight: bold;
}

.et_vstatus_neutral a {
    font-weight: bold;
}

.divide_hl_schwarz {
    color: #000000;
    font-family: 'yanone_kaffeesatzregular',sans-serif;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 20px 0 10px 0;
    text-transform: uppercase;
}

/* User-IDs bei vielen Helferauswahl-Punkten ausblenden */
.helferauswahl_id {
    display: none;
}

.wunschliste-texthinterlegt {
    background-color: #ccc;
}

.ueberschrift-medium-bold {
    font-size: medium;
    font-weight: bold;
}

.text-leer-keine-angabe {
    opacity: 0.15;
}

.kein-cellspace-td-padding-5 {
    border-collapse: collapse;
    border-spacing: 0;
}

.kein-cellspace-td-padding-5 td, .kein-cellspace-td-padding-5 th {
    padding: 5px;
}

.text_input {
    border: 1px solid #cccccc;
    height: 20px;
    padding-left: 5px;
}

.text_input:disabled {
    background: none;
    opacity: 0.5;
}

.mce-toolbar-grp #mceu_40 .mce-listbox {
    width: 400px;
}

.button_disabled {
    opacity: 0.5;
}


/*
 *
 */

.btn-icon {
    cursor: pointer;
}

.btn-icon--disabled {
    opacity: .1;
}


/*
 * Klassen für Glyphicon 2.x
 */

.btn-icon-gly2 {
    height: 24px;
}

.btn-icon-gly2-inline {
    height: 24px;
    vertical-align: top;
    position: relative;
    top: -2px;
}

.header-icon-gly2 {
    height: 24px;
    vertical-align: baseline;
    position: relative;
    bottom: -4px;
}

.input-icon-gly2 {
    height: 20px;
    vertical-align: baseline;
    position: relative;
    bottom: -4px;
}

.text-icon-gly2 {
    height: 16px;
    vertical-align: baseline;
    position: relative;
    bottom: -3px;
}

/* STAFFELUNG_DIENSTFORM */
a.staffelung-dienstform {
    border-radius: .7em;
    color: #ffffff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: normal;
    padding: .5em 1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
a.staffelung-dienstform:link {
    background-color: #00c3d0;
    color: #ffffff;
}
a.staffelung-dienstform:hover {
    background-color: #00b1bd;
    color: #ffffff;
}

.loeschen-on-hover > .btn-loeschen {
    visibility: hidden;
}

.loeschen-on-hover:hover > .btn-loeschen {
    visibility: visible;
}