@charset "utf-8";
/* CSS Document */

html * {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100.01%;
}

body {
    background-color: #fff;
    border-top: 16px solid #fff;
    color: #31444c;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

#page_border, #fn_content {
    box-sizing: border-box;
    min-width: 320px; /* s&r 480 */
    max-width: 60em;
    padding: 20px;
    padding-top: 0;
    margin-top: -17px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #E1E1E1;
    box-shadow: 0px 0px 0px #ddd,
    -7px 7px 7px #ddd,
    7px -7px 7px #ddd,
    -7px -7px 7px #ddd;
}

/** Haupttabellen */
.body_table {
    width: 100%;
    border-collapse: collapse;
}

.body_table td {
    margin: 1px;
    padding: 2px;
}

/** Zeile über Hauptüberschrift */
.tablecat {
    color: #1D3373;
    font-size: 1.4em;
    font-weight: bold;
    padding-top: 10px;
    background-color: #fff;
}

/** Hauptüberschrift der folgenden Zeilen */
.tabletitle {
    color: #fff;
    background-color: #31444c;
}

/** Zeile für das folgende "Register" an Fragen */
.tableregister td,
div.tableregister,
.thirdrow {
    text-align: left;
    background-color: #ddd;
    font-weight: bold;
}

/** Beschreibungszeile (was folgt die kommenden Zeilen) */
.tabledescription,
.tabledescription td,
div.tabledescription {
    font-weight: normal;
    color: #000;
    background-color: #eee;
}

.breadcrumb_border {
    border: 0;
    background-color: inherit;
}

/** Abwechselnde Zeilen mit den eigentlichen Formularen */
.zeile_a {
    background-color: #FFF;
}

.zeile_b {
    background-color: #F9F9F9;
}

/** Formularzeile (linke Spalte) */
.z_title {
    width: 25%;
}

.z_form {
    font-weight: normal;
}

.span_form_padding {
    margin-top: 10px;
    display: inline-block;
}


#button_close_window {
    border: 1px solid #8CACBB;
    color: Black;
    cursor: pointer;
    font-size: 85%;
    text-transform: none;
}

a:link, a:visited, a:active {
    color: #444;
    text-decoration: none;
}

a:hover {
    color: #666;
    text-decoration: underline;
}

input, select {
    margin: 1px 0 2px 0;
}

/** Formulare */
input {
    border-color: #666666 #DDDDDD #DDDDDD #666666;
    border-style: solid;
    border-width: 1px;
    color: Black;
    font-family: Arial, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    visibility: visible;
}

textarea {
    border-color: #666666 #DDDDDD #DDDDDD #666666;
    border-style: solid;
    border-width: 1px;
    color: Black;
    font: 100% Monaco, "Courier New", Courier, monospace;
    width: 100%;
}

/* Printable Button */

.show_printable_button {
    text-align: right;
}

.show_printable_button div {
    display: inline-block;
    padding: 8px;
    border: 1px solid #666;
}

.show_printable_button div a {
    text-decoration: none;
}

.fill_online div {
    display: block;
}

.fill_online a {
    font-size: 90%;
}

/* Anpassungen für Smartforms */
.tabletitle,
.tabletitle_error,
.tableregister,
.tabledescription,
.tablecat {
    padding: 8px 4px 8px 4px;
}

.tabletitle {
    text-transform: uppercase;
    font-size: 105%;
}

@media print {
    html *, .subelement, div {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 105.01%;
        text-align: left;
        vertical-align: top;
    }

    input[type=checkbox] {
        border: 1px solid #000;
    }

    label {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100.01%;
    }
}

/* Ausblenden von ID */
#block_verschiedene_projekte,
#ndDbue {
    display: none;
}

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