@CHARSET "ISO-8859-1";

/* Text wird in Großbuchstaben dargestellt*/
.upper {
    text-transform: uppercase;
}

.text-left {
    text-align: left;
}


.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    /*word-break: break-all;		 Firefox */
}


table thead tr td {
    text-align: center;
    font-weight: bold;
}

/* Definition für Formularelemente */
/* Linksbündig Text mit grauer Hintergrundfarbe für nicht eingebbare Felder im Formular */
.readonly-left {
    font-family: Verdana, Helvetica, Arial;
    background-color: #EEEEEE;
}

/* Rechtsbündiger Text mit grauer Hintergrundfarbe nicht eingebbare Felder im Formular */
.readonly-right {
    font-family: Verdana, Helvetica, Arial;
    background-color: #EEEEEE;
    text-align: right;
}


/* spezielle Wahlen-css-Definitionen */

table.tablesorter, table.bausteinausw1 {
    width: 100%;
    background-color: #EEE;
}

table.tablesorter thead, table.bausteinausw1 thead {
    background-color: #C0DACD;
}

table.tablesorter tbody tr.odd td, table.bausteinausw1 tbody tr.odd td {
    background-color: #F0F0F6;
}

table.bausteinausw2 {
    cellspacing: 0;
    border-spacing: 0px;
    background-color: #C0DACD;
    empty-cells: show;
    border-collapse: collapse;
}

table.bausteinausw3 {
    cellspacing: 0;
    border-spacing: 0px;
    empty-cells: show;
    border-collapse: collapse;
}

table.bausteinausw3_bo {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    cellspacing: 0;
    border-spacing: 0px;
    empty-cells: show;
    border-collapse: collapse;
}

tr.bausteinausw2 {
    empty-cells: show;
    background-color: #C0DACD;
}

th.left_ausw_nobo {
    font-weight: bold;
    text-align: left;
}

th.center_ausw_nobo {
    font-weight: bold;
    text-align: center;
}

th.center_ausw2 {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    font-weight: bold;
    text-align: center;
}

th.center_ausw2_akt {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #EEEEEE;
    font-weight: bold;
    text-align: center;
}

th.right_ausw2 {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    font-weight: bold;
    text-align: right;
}

td.right_ausw {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    background-color: #EEEEEE;
    text-align: right;
    empty-cells: show;
    white-space: nowrap;
}

td.right_auswvgl {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    text-align: right;
    empty-cells: show;
    white-space: nowrap;
}

td.vorlauftext_ausw {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    text-align: right;
    empty-cells: show;
}

td.vorlauftext_ausw_nobo {
    text-align: right;
    empty-cells: show;
    white-space: nowrap;
}

td.vorlauftext_auswleft_nobo {
    text-align: left;
    empty-cells: show;
    white-space: nowrap;
}

table.rahmen {
    border-width: 1px;
    border-style: solid;
    border-color: black;
}

td.statusmeldung {
    font-size: 11pt;
    font-weight: bold;
}

td.center_grafik {
    font-size: 8pt;
    text-align: center;
    white-space: nowrap;
}

td.center_grafikfett {
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}

/* Definition für JQuery tablesorter */
table.tablesorter {
    margin: 5px 0px 10px;
    width: 100%;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    border: 1px solid #FFF;
    padding: 4px;
    padding-right: 15px;
}

table.tablesorter thead tr .header {
    background-image: url(__-17.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(__-18.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(__-19.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #4E826B;
}

/* Definition für grafische Ergebnisaufbereitung */

table.grafik {
    border: 1px;
    border-color: black;
    border-style: solid;
    background-color: #f8f8f8;
    height: 200px;
    width: 700px;

}

table.grafik tr.balken {
    text-align: center;
    vertical-align: bottom;

}

table.grafik tr {
    text-align: center;
    vertical-align: top;

}

table.grafik tr td {
    width: 61px;
    font-size: 0.8em;
    text-align: center;

}

table.grafik tr td img {
    width: 18px;
    margin-left: -30px;
    vertical-align: bottom;
}

table.grafik tr td img.vgl {
    margin-left: 7px;
    vertical-align: bottom;
}

.karteireiter {
    float: left;
    background-color: #ccc;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
    border-width: 1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.karteireiter-aktiv {
    border-left-color: #fff;
    border-left-style: solid;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-right-color: #000;
    border-right-style: solid;
}

.karteireiter-inaktiv {
    border-bottom-color: #000;
    border-bottom-style: solid;
}

.karteireiter-bottom {
    clear: both;
    background-color: #ccc;
    height: 10px;
    width: 100%;
}

table.baustein thead tr th.left {
    text-align: left;
}

div.rgb {
    width: 30px;
    height: 20px;
    margin: 2px;
    float: left;
}