/*
    Document   : content
    Created on : 08.07.2013, 11:04:50
    Author     : ts06e258
    Description:
        Styles für den dynamischen Inhaltsbereich (keine Struktur, keine
        Navigation, etc.).
*/

/* --- MAIN CONTENT --- */
.sidebar-left {
    width: 218px;
    float: left;
}

#main_content {
    color: rgb(0,98,159);
    vertical-align: text-top;
}

#main_content div#main {
    padding-right: 12px;
    min-height: 350px;
    float: right;
}

#main_content div#main h1 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto 0.7em;
}

#main_content div#content {
    font-size: 12px;
    clear: both;
}

div#flashMessage.message,
div#authMessage.message {
    color: #DF6300;
}

#main_content table {
    width: 100%;
}

#main_content table td {
    vertical-align: top;
}

#main_content.browse {
    width: 720px;
}

#main_content.browse div#flashMessage {
    margin-bottom: 20px;
}

#main_content.browse div#main {
    padding-right: 0;
    width: 720px;
}

.schulort-liste div.dropdown {
    padding: 0 0 5px ! important;
}

.schulort-liste ul.liste-transkription {
    padding: 0px;
    list-style: none;
    margin: 0.3em 0 0;
}

.schulort-liste ul.liste-transkription li {
    padding-bottom: 5px;
}

.schulort-liste ul.liste-schule {
    padding-left: 5px;
    list-style: disc inside;
}

.schulort-liste ul.liste-schule li {
    padding: 0;
}

.schulort-spalte {
    width: 38%;
}

/* GEOADMIN KARTE */
div.gx-popup.x-window-body {
    padding: 1px;
    max-height: 220px;
    overflow: scroll !important;
}

div.gx-popup.x-window-body ul.liste-transkription li {
    padding-bottom: 5px;
}

div.gx-popup.x-window-body ul.liste-schule {
    padding-left: 5px;
    list-style: disc inside;
}

div.gx-popup.x-window-body ul.liste-schule li {
    padding: 0;
}

/* --- Open Layer 3 Styles--- */

.ol-popup {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 10px;
    bottom: 12px;
    display: none;
    left: -50px;
    padding: 5px;
    position: absolute;
    width: 284px;
}

.ol-popup:after, .ol-popup:before {
    border: medium solid rgba(0, 0, 0, 0);
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}
.ol-popup:after {
    border-top-color: #fff;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #ccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-closer {
    position: absolute;
    right: 8px;
    text-decoration: none;
    top: 2px;
    font-size: 15px;
}
.ol-popup-closer:after {
    content: "✖";
}

.ol-logo {
    display: none;
}

#popup-content {
    font-size: 11px;
    max-height: 300px;
    overflow: auto;
}

#popup-content h3 {
    font-size: 12px;
    margin-bottom: 0;
}

#popup-content ul {
    list-style: none;
    padding: 0;
    margin-top: 5px;
}

    #popup-content ul li ul {
        list-style: disc inside none;
        margin: 0;
    }

/* TRANSKRIPTION */
#transkription-view-header td {
    padding: 0 0 4px 0;
    vertical-align: text-top;
    font-size: 12px;
}

#transkription-view-header td.ter-col {
    border-left: rgb(158,124,58) outset 1px;
    padding-left: 15px;
}

#transkription-view-header td#mehrere-transkriptionen-ort {
    padding-top: 5px;
}

#header-text-wrapper-middle,
#header-text-wrapper-right {
    border-left: rgb(158,124,58) outset 1px;
}

#header-text-wrapper-left {
    padding-right: 4px ! important;
    min-width: 210px;
}

#header-text-wrapper-middle {
    padding-left: 4px ! important;
    padding-right: 4px ! important;
    min-width: 210px;
}

#header-text-wrapper-right {
    padding-left: 4px ! important;
    min-width: 210px;
}

#header-text-wrapper-left .label-col {
    width: 75px;
}

#header-text-wrapper-middle .label-col {
    width: 130px;
}

#header-text-wrapper-right .label-col {
    width: 120px;
}

#header-text-wrapper-left td#transkription-view-header-konfession,
#header-text-wrapper-middle td#transkription-view-header-kirchgemeinde {
    vertical-align: bottom ! important;
}

#transkription-view-header table {
    clear: both;
}

td.header-col {
    border: none ! important;
    padding: 0 ! important;
}

#transkription-view {
    font-size: 12px;
}

td#mehrere-transkriptionen-ort div.dropdown {
    padding-left: 0 ! important;
}

#mehrere-transkriptionen-ort-detail-dialog ul.liste-transkription {
    margin-top: 2px;
}

#mehrere-transkriptionen-ort-detail-dialog ul.liste-transkription li {
    padding-bottom: 5px;
}

#mehrere-transkriptionen-ort-detail-dialog ul.liste-schule {
    padding-left: 5px;
    list-style: disc inside;
}

#mehrere-transkriptionen-ort-detail-dialog ul.liste-schule li {
    padding: 0;
}

#mehrere-transkriptionen-ort-detail-dialog ul a {
    font-weight: bolder;
}

#transkription-liste-schulen {
    margin-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: rgb(158,124,58) solid 1px;
}

#transkription-liste-schulen ul {
    padding-left: 5px;
    list-style: disc inside;
}

table.antworten-list th#antworten-list-ort-header {
    width: 21%;
}

table.antworten-list td {
    vertical-align: text-top;
}

table.antworten-list tr.antworten-section-title th {
    padding-top: 10px;
}

/*Duplicates*/
td.multi-row-antwort {
    vertical-align: middle ! important;
}

p.antwort {
    margin: 0;
}

/*p.antwort-absatz {
    margin-bottom: 0;
}*/

span.antwort-title {
    font-size: 1.5em;
    font-weight: bold;
}

span.antwort-underline {
    text-decoration: underline;
}

span.antwort-line-through {
    text-decoration: line-through;
}

/* BEGRIFFSERKLÄRUNGEN */
.begriff-treffer h3 {
    font-size: 1em;
}

/* OBJECT VIEW SCHULE */
#object-view-schule .left-col {
    float: left;
    width: 50%;
}

#object-view-schule .right-col {
    border-left: rgb(158,124,58) outset 1px;
    float: left;
    width: 49%;
    padding-left: 4px;
}

#object-view-schule td {
    padding: 0 0 4px;
}

#object-view-schule td.label-col {
    width: 40%;
}

#object-view-schule td.content-col {
    width: 60%;
    vertical-align: bottom;
}

#object-view-schule .object-view-schueler-periode {
    clear: both;
    float: left;
}

#object-view-schule .object-view-schueler-periode td {
    border-bottom: rgb(158,124,58) outset 1px;
    padding: 4px 0 4px;
}

#object-view-schule .object-view-schueler-periode td.label-col {
    width: auto;
}

#object-view-schule .object-view-schueler-periode td.content-col {
    width: auto;
    padding-left: 6px;
}

#object-view-schule .object-view-schueler-anzahl {
    float: left;
    margin-left: 20px;
}

#object-view-schule .object-view-schueler-anzahl table {
    width: 100%;
}

#object-view-schule .object-view-schueler-anzahl td {
    border-bottom: rgb(158,124,58) outset 1px;
    padding: 4px 0 4px;
}

#object-view-schule .object-view-schueler-anzahl td.label-col {
    width: auto;
}

#object-view-schule .object-view-schueler-anzahl td.content-col {
    width: auto;
    padding-left: 6px;
}

#object-view-schule .schule-entfernungen {
    clear: both;
}

#object-view-schule .haeuser-entfernungen {
    float: left;
    width: 45%;
}

#object-view-schule .schulkinder-entfernungen {
    float: left;
    width: 45%;
    margin-left: 15px;
}

#object-view-schule .haeuser-entfernungen td {
    border-bottom: rgb(158,124,58) outset 1px;
    padding: 4px 0 4px;
}

#object-view-schule .schulkinder-entfernungen td {
    border-bottom: rgb(158,124,58) outset 1px;
    padding: 4px 0 4px;
}

#object-view-schule .schule-schulgeld-details {
    clear: both;
}

#object-view-schule .schulgeld-naturalien {
    float: left;
    width: 70%;
}

#object-view-schule .schulgeld-geld {
    float: left;
    width: 70%;
}

#object-view-schule .schule-schulgeld-details td {
    border-bottom: rgb(158,124,58) outset 1px;
    padding: 4px 0 4px;
}

#object-view-schule .schulgeld-geld {
    float: left;
    width: 70%;
}

#object-view-schule .schule-schulbuch {
    clear: both;
    float: left;
}

/* OBJECT VIEW LEHRER */

#object-view-lehrer .left-col {
    float: left;
    width: 50%;
}

#object-view-lehrer .right-col {
    border-left: rgb(158,124,58) outset 1px;
    float: left;
    width: 49%;
    padding-left: 4px;
}

#object-view-lehrer td {
    padding: 0 0 4px;
}

#object-view-lehrer td.label-col {
    width: 40%;
}

#object-view-lehrer td.content-col {
    width: 60%;
    vertical-align: bottom;
}

#object-view-lehrer .lehrer-lohn {
    clear: both;
}

#object-view-lehrer .lehrer-lohn .lehrer-geld {
    width: 80%;
}

#object-view-lehrer .lehrer-lohn .lehrer-geld .dropdown-test {
    float: left;
}

#object-view-lehrer .lehrer-lohn .lehrer-geld .geld-dropdown {
    float: left;
}

#object-view-lehrer .lehrer-lohn .lehrer-geld .naturalie-dropdown {
    float: left;
}

#object-view-lehrer .lehrer-lohn .lehrer-geld td {
    border-bottom: rgb(158,124,58) outset 1px;
    padding: 4px 0 4px;
}

/* Table export Links */
div.excel-export-link {
    text-align: right;
}

div.excel-export-link img {
    width: 32px;
    height: 32px;
    position: absolute;
    margin-left: -34px;
    margin-top: -26px;
}

/* Custom Query */
table.antworten-list td.frage-checkbox {
    /* Möglichst kleiner Wert, wird dann einfach das Minimum genommen, das nötig
    ist, um die Checkbox noch darzustellen. */
    width: 3px;
}

/* Pagination Links */
div.pagination-links {
    text-align: center;
}

div.pagination-links .prev {
    margin-right: 3px;
}

div.pagination-links .next {
    margin-left: 3px;
}

/* Schulbücher */
.schulbuchkategorie-edit-buttons {
    display: none;
}