/**
 * A C H T U N G :  B I T T E   N I C H T   Ä N D E R N !
 * Diese Datei ist ein Bestandteil der Standard-Layout-Library und
 * kann bei Bedarf jederzeit durch eine neuere Version ersetzt werden!
 * Jegliche Änderungen können verloren gehen!
 */

@CHARSET "ISO-8859-1";

body {
    font-family: Verdana, Helvetica, Arial;
    font-size: 9pt;
    padding: 5px;
    margin: 0px;
}

html, body {
    border: none; /* fix für frameborder bei iframes */
}

a {
    text-decoration: underline;
    color: #000;
}

img {
    border: none;
}

input, select, textarea {
    font-family: Lucida Console, Courier New, Courier;
    font-size: 9pt;
}

table, td, th {
    font-family: Verdana, Helvetica, Arial;
    font-size: 9pt;
}

/* Definition für Struts-Error-Listen */
.error {
    font-size: 11pt;
    color: #CC0033; /*alter Dunkelorange-Ton: #BA5101; */
    font-weight: bold;
}

/* Definition für Struts-Message-Listen */
.message {
    font-size: 11pt;
    color: green;
    font-weight: bold;
}

.error ul li, .message ul li, li.message {
    font-size: 9pt;
}

.message ul li, li.message {
    list-style-type: circle;
}

table.volle-breite {
    width: 100%;
}

table.baustein {
    width: 100%;
    background-color: #EEE;
}

table.baustein thead {
    background-color: #C0DACD;
}

table.baustein tbody tr th, table.baustein td.vorlauftext {
    width: 20%;
    vertical-align: baseline;
    text-align: right;
    font-weight: normal;
}

/* Krümelspur */
#layout_crumb {
    float: left;
    font-weight: bold;
    padding: 0 1em;
}

/* Menübereich */
#layout_appmenu {
    background: #4E826B none repeat scroll 0 0;
    color: white;
    margin: 0;
    padding: 5px 0 0 3px;
    /*padding: 0;
    padding-top: 2px;*/
}

#layout_appmenu a {
    color: white;
    text-decoration: none;
}

#layout_appmenu ul.menu {
    margin: 0;
    padding: 0;
    width: 160px;
}

#layout_appmenu ul.menu li {
    border-top: 1px solid white;
    border-bottom: 1px none white;
    list-style-type: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

#layout_appmenu ul.menu li div {
    padding-top: 2px;
    padding-bottom: 2px;
}

#layout_appmenu ul.menu li ul {
    border-top: 1px solid white;
    /*background-color: #4E826B;*/
    padding-left: 20px;
    margin: 0;
}

#layout_appmenu ul.menu li.submenu {
    padding-bottom: 0;
    padding-top: 0;
    border-bottom-style: none;
}

#layout_appmenu ul.menu li.submenu ul {
    border-top-style: dotted;
}

#layout_appmenu ul.menu li ul li {
    background-color: #31614B;
    border-top-style: none;
    border-bottom-style: dotted;
}

#layout_appmenu ul.menu li ul li.spacer {
    background-color: transparent;
}

#layout_app {
    position: absolute;
    left: 180px;
    margin-left: 3px;
}

#layout_header #layout_address {
    white-space: pre;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

/* Header */
#layout_header #layout_title {
    min-width: 500px;
    width: 100%;
    margin-bottom: 0.5em;
}

#layout_header #layout_title .content {
    background-position: right 0;
    background-image: url("__.gif");
    background-repeat: no-repeat;
}

#layout_header #layout_title .header {
    border-bottom: 1px solid black;
    background-position: -1px 23px;
    background-image: url("__-2.gif");
    background-repeat: no-repeat;
    height: 43px;
    font-size: 11pt;
    font-weight: bold;
}

#layout_header #layout_title .header div {
    height: 100%;
}

#layout_header #layout_title .systemtray {
    height: 18px;
    padding-top: 2px;
}

#layout_header #layout_title .systemtray ul.symbols {
    float: left;
    display: inline;
    text-align: left;
    margin: 0px;
    padding: 0px;
}

#layout_header #layout_title .systemtray ul.symbols li {
    display: inline;
    padding-right: 3px;
}

#layout_header #layout_title .systemtray ul.symbols li a {
    text-decoration: none;
}

#layout_header #layout_title .systemtray .userinfo {
    float: right;
    text-align: right;
}

#layout_header #layout_title .systemtray .userinfo span {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px dotted black;
    white-space: nowrap;
}

#layout_header #layout_title .systemtray .userinfo span.first {
    padding-left: 0px;
}

/* Footer */
#layout_footer {
    min-width: 500px;
    width: 100%;
    margin-top: 1em;
}

#layout_footer .holder {
}

#layout_footer .content {
}

#layout_footer .last {
    float: left;
}

#layout_footer .linktotop {
    float: right;
    text-align: right;
}


#layout_intro {
    padding-bottom: 0.8em;
}

#layout_info {
    height: 4em;
    background-color: #EEE;
    margin-right: 0.5em;
    margin-bottom: 0.8em;
    overflow: hidden;
}

#layout_info .layout_infotext {
    float: left;
    background-color: red;
    font-family: sans-serif;
    font-size: 2.8em;
    font-weight: bolder;
    color: white;
    padding: 0 0.5em;
    border: 0.12em outset red;
}

#layout_info .layout_infotext a {
    color: white;
    text-decoration: none;
}

#layout_info .layout_beachte {
    float: left;
    padding: 0.4em 0.5em 0 0.3em;
    font-weight: bolder;
    height: 100%;
}

#layout_info ul.layout_infocontent {
    width: 60%;
    display: inline;
}

#layout_info ul.layout_infocontent li {
    padding-bottom: 0.5em;
    padding-top: 0.4em;
    display: inline;
    float: left;
    width: 30%;
    list-style: none;
    padding-left: 1.5em;
    white-space: nowrap;
}

/*
#layout_info ul.layout_infocontent li.layout_required,
#layout_info ul.layout_infocontent li.layout_error {
	width: 25%;
	float: left;
}
*/

#layout_info .layout_required {
    background-image: url("__-3.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#layout_info .layout_error {
    background-image: url("__-4.gif");
    background-repeat: no-repeat;
    background-position: 0px center;
}

#layout_info .layout_info {
    background-image: url("__-5.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#layout_info .layout_checkbox {
    background-image: url("__-6.gif");
    background-repeat: no-repeat;
    background-position: 0px center;
}

#layout_info .layout_combobox {
    background-image: url("__-7.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 1.5em;
    margin-left: 0.5em;
}

.layout_blocktitle {
    background-image: url("__.jpg");
    background-repeat: repeat-y;
    background-position: right;
    background-color: #C0DACD;
    margin-bottom: 5pt;
    font-size: 10pt;
    font-weight: normal;
    height: 22px;
    padding: 0;
}

.layout_blocktitle .layout_blockcontent {
    float: left;
    padding: 2px;
    height: 18px;
    white-space: nowrap;
}

.layout_blocktitle .layout_blockhelp {
    background-image: url("__-8.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    float: right;
    height: 100%;
    padding-right: 8px;
    width: 30px;
    text-decoration: none;
}

#layout_content {
    clear: both;
}


label.layout_label {
    white-space: nowrap;
    margin-right: 10px;
    padding-right: 10px;
}

label.layout_label_required {
    background-image: url("__-3.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
}

label.layout_label_error {
    background-image: url("__-4.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 10px;
}

label.layout_label_info {
    margin-right: 0px;
}

.layout_label_info_popup a {
    text-decoration: none;
}

.layout_label_info_popup {
    background-image: url("__-5.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 10px;
}

fieldset {
    border: none;
    margin-top: 1em;
    margin-bottom: 1em;
}

fieldset .layout_legend {
    font-weight: bold;
    background-color: #C0DACD;
    white-space: nowrap;
    width: 100%;
    padding-left: 0.3em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
    background-image: url("__.jpg");
    background-position: right;
    background-repeat: repeat-y;
}

fieldset .layout_block {
    background-color: #EEE;
    width: 100%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

fieldset label {
}

/* Ergebnisse */
table.ergebnis {
    background-color: #EEE;
    width: 100%;
}

table.ergebnis thead tr {
    background-color: #C0DACD;
}

table.ergebnis tbody tr.odd {
    background-color: white;
}

table.ergebnis th, table.ergebnis td {
    text-align: left;
}

table.ergebnis thead th {
    padding: 0.5em 0.1em;
}

table.ergebnis th.center, table.ergebnis td.center {
    text-align: center;
}

table.ergebnis th.right, table.ergebnis td.right {
    text-align: right;
}

/* default table column widths */
table col.icon {
    width: 16px;
}

table col.small {
    width: 10em;
}

table col.medium {
    width: 20em;
}


/**
 * loading & uploading
 */
.overall {
    width: 220px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -110px;
    overflow: hidden;
    z-index: 10;
}

.overall .content {
    height: 94%;
    width: 98%;
    background-color: window;
    border: 2px solid #CDCDCD;
}

.overall .content div {
    background-position: center;
    background-repeat: no-repeat;
    height: 60%;
}

.overall .content p {
    vertical-align: bottom;
    text-align: center;
    width: 100%;
    height: 40%;
    padding: 0;
    margin: 0;
}

/** loading */
#loading {
    display: none;
}

#loading .content div {
    background-image: url("__-9.gif");
}

/** uploading */
#uploading {
    display: none;
}

#uploading .content div {
    background-image: url("__-10.gif");
}

/** standard styles */

input.readonly {
    background-color: #EEEEEE;
}

input.long {
    width: 250px;
}

input.hidden {
    width: 0px;
    height: 0px;
    border: none; /* firefox-fix */
    /* display: none; funktioniert im internet explorer nicht
       visibility: hidden; funktioniert im internet explorer nicht
     */
}

select.multi {
    width: 80%;
}

/** Button-Bar old */
table.buttons {
    width: 100%;
}

table.buttons td, td.buttons {
    text-align: center;
    white-space: nowrap;
}

/** Button-Bar */
ul.buttons {
    text-align: center;
    margin: 0.5em 0;
    padding: 0.5em;
}

ul.buttons li {
    display: inline;
    list-style: none;
    margin: 0 0.5em;
}


/* datePicker
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 1px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url("__.png") no-repeat;
}

a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 140px;
    float: left;
}


@media screen {
    .noscreen {
        display: none;
    }
}