/* 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');
  }

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

body,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}


/* ========== Für die Tabellen muss die Schriftart nochmals wiederholt werden */

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

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


/* ========== Tabellen-Ãœberschriften */
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	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: none;
}

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 { background-color:#f3f3f3; }
.colB { background-color:#fafafa; }

.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:#bbddff; }

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

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

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

/* ========== 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: #CCCCCC;

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


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

/* ========== 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: #ccc;
    width: 172px;
}
#menu_row_00_wrap {
    padding: 15px 2px 2px 2px;
    background-color: #ccc;
    width: 172px;
}

#men h3,
#menu_row_00_header {
    padding: 3px 5px;
    margin: 0;
}

#men h3 a,
#menu_row_00_header a {
    font-size: 12px;
}

#menu_row_00_header a,
#menu_row_00_header a:visited {
    color: #004276;
}

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

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

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


#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: 12px;
    margin-bottom: 1px;
}

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

.ui-corner-top {
    border: 1px solid #EE0000;
}

.menulink_active {
    font-weight: bold;
}

#up_please  {
    bottom: 52px;
    position: fixed;
    width: 154px;
    height: 20px;
    padding: 10px 8px 8px 8px;
    margin-left: 2px;
}

#up_please_triangle {
    float: left;
}

#up_please_text {
    margin-left: 8px;
    color: #004276;
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    cursor: pointer;
}

#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;
}

/* ========== 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: 12px;
    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;
}

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

}


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


/* ========== Links normal */
a,a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #EE0000;
  text-decoration: none;
}
/* ========== Links bei Mouseover  */
a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  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;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 6px;
}

* html .ui-autocomplete {
    height: 300px;
}

.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;
}

#helferauswahl_toolbar,
#helferauswahl_sort,
#helferauswahl_div_ext,
#helferauswahl_div_all {
    font-size: 0.9em;
    margin-left: 5px;
    float: left;
}
#helferauswahl_sort {
    margin-left: 20px;
}

.helferauswahl_acc {
    width: 300px;
    float: left;
    display: inline-block;
    margin: 5px;
}

.helferauswahl_acc h3 {
    border: 1px solid red !important;
}

.helferauswahl_frei,
.helferauswahl_gew {
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    margin: 1px 0;
    font-size: 0.93em;
    border: 1px solid #aaa;
    cursor: pointer;
}

.helferauswahl_id {
    display: none;
}

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

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

.helferauswahl_frei img,
.helferauswahl_gew img {
    height: 12px;
    vertical-align: sub;
}

.helferauswahl_gruppen_toolbar {
    text-align: center;
    height: 32px;
    font-size: 0.9em;
}

.helferauswahl_qual {
    font-size: 0.8em;
    background-color: #ccc;
    color: #000;
}

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

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

.helferauswahl_sort {
    display: none;
}

#helferauswahl_ausgewaehlte tr,
#helferauswahl_abgesagte tbody tr,
#helferauswahl_gemeldete tbody tr {
    height: 30px;
}

#helferauswahl_ausgewaehlte tr img {
    height: 13px;
    vertical-align: top;
}

#helferauswahl_ausgewaehlte tr td,
#helferauswahl_gemeldete tbody tr td,
#helferauswahl_abgesagte tbody tr td {
    width: 320px;
}

#helferauswahl_abgesagte tbody tr td img {
    vertical-align: bottom;
}

#helferauswahl_extneu {
    text-align: center;
}

#helferauswahl_extneu h3 {
    cursor: pointer;
}

#helferauswahl_extneu form {
    text-align: left;
    font-size: 11px;
    padding-left: 5px;
}


#helferauswahl_extneu form label {
  display:block;
  float:left;
  padding-top:3px;
  width:72px;
}

#helferauswahl_extneu form input,
#helferauswahl_extneu form select {
  margin-bottom:5px;
  width:130px;
}

#helferauswahl_extneu_fehler {
    color: #cc0000;
}

#helferauswahl_quali_stat td,
#helferauswahl_quali_stat th {
    font-size: 0.9em;
}

.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 {
    vertical-align: bottom;
    padding: 0 5px;
}    

.einteilk_fieldset_mail {
    max-width: 900px;
}

.nobr {
    white-space : nowrap;
}

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

.ta_center {
    text-align: center;
}

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

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

.ui-autocomplete-input {
    background: white url('../pics/lupe-autocomplete14x16.gif') right center no-repeat;
}

.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: 330px;
}

.ba_statistisk_colwidth2 {
    width: 80px;
}

#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;
}

/* Material-System */

tr.aendern_main_tr {
    vertical-align: top;
}
tr.aendern_main_tr td {
    text-align: center;
}

.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;
}
.noteBoxBgGrau {
        background-color:#ededed;
        border-radius:10px;
        display: inline-block;
        float:left;
        margin: 5px 0;
        padding:10px;
        position: relative;
        text-align:center;
        width: 70%;
}
.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 */
.noteBoxBgGrau 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-family:Arial, Helvetica, sans-serif;
    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: 12px;
    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 .ui-button-text { 
    padding: 0 10px;
}

#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 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 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;
}