/* ************************************************* */
/*            Copyright by Tango GRAZioso            */
/*                8020 Graz Austria                  */
/*            info(AT)tangograzioso(DOT)at           */
/* ************************************************* */
/*            Design by Gunter Jammernegg            */
/* ************************************************* */
/* Stile für Ausdruck */

/* Seite definieren */
html, body { display: inline; } /* in Javascript gesetztes overflow verhindern */
body {
    margin: 0; padding: 0;
    font-family: Arial, Helvetica, sans-serif; font-size: 11pt;
    color: #000; background: #FFF;
}

/* Schriftstile */
h1 {
    margin: 1em 0; padding: 0.25em 0;
    border-bottom: 0.5pt solid #000;
    font-size: 1.3em; font-weight: bold;
    color: #000;
}
h2 { margin: 0 0 0.75em; font-size: 1.15em; font-weight: bold; color: #000; }
h3 { margin: 0 0 0.75em; font-size: 1em; font-weight: bold; color: #000; }
h1 strong, h2 strong, h3 strong { font-size: 125%; color: #A00; }
p { margin: 0 0 0.75em; }
ul { margin: 0 0 0.75em; padding: 0 0 0 2em; text-indent: 0; list-style: outside disc; } /* 1.Ebene */
li ul { margin: 0; padding: 0 0 0 1.5em; list-style: outside circle; } /* 2.Ebene */
li { text-align: left; } /* Ausgleich von justify in div */

/* Tabellen und Bilder */
table { margin: 0 0 0.75em; border: 0; border-spacing: 0; border-collapse: collapse; }
th, td { padding: 0 0.75em 0 0; border: 0; }
img { border: 0; }

/* Stile für Links */
a { color: #000; text-decoration: underline; }
a:hover, a:active { color: #000; }
a.aTop, a.aBottom, a.aLeft, a.aInfo, a.aMagnify, a.aMail, a.aMap, a.aWorld, a.aPdf, a.aAnchor { }
a#AT, a#EN { }

/* Textauszeichnungen */
strong { font-weight: bold; color: #000; }
em { font-style: italic; }
code { font-family: "Courier New", Courier, monospace; color: #000; }
acronym { border: 0; text-decoration: none; }
.textHighlight { font-weight: bold; color: #000; }
.textAltHighlight { font-weight: bold; color: #A00; }
.textSizeNormal { font-size: 1em; font-weight: normal; }
.textSizeSmall { font-size: 0.85em; font-weight: normal; }
.textComment { color: #0080FF; } /* für Kommentare während der Entwicklungsphase */

/* Seitenkopf nicht drucken */
#header { display: none }

/* Seitenkopf nicht drucken (nicht öffentliche Testseiten) */
#headerTest { display: none }

/* Navigationsmenü nicht drucken */
#navigation { display: none; }

/* äußerer Container für Inhalt */
#scroll { display: inline; } /* in Javascript gesetzte Größe verhindern */

/* Container für Fußzeile */
#footer {
    padding: 0.75em 0;
    border-top: 0.5pt solid #000;
    font-size: 0.85em;
}

/* Container für Infotext */
#info, div.divInfo { display: none }

/* unsortierte Liste für Sitemap */
#sitemap { margin: 0.75em 0; padding: 0; list-style: none; }
#sitemap ul { margin: 0.75em 0; padding: 0 0 0 1.7em; list-style: none; }
#sitemap li { margin: 0 0 0.75em; }

/* Container für Popups Stadtplan, Bilder und Textinhalte */
#popuphead { display: none; } /* Popup-Titel nicht drucken */
iframe { display: none; } /* kein direktes Drucken von Text-Popups, alternative Seite muß verwendet werden */

/* Container für Spaltenlayout */
div.divText { text-align: justify; } /* linke Spalte für 2-spaltiges Layout */
div.divLeft, p.pLeft { width: 7em; font-size: 0.85em; text-align: left; } /* linke Spalte für 3-spaltiges Layout */
div.divCenter, p.pCenter { text-align: justify; } /* mittlere Spalte für 3-spaltiges Layout */
div.divRight { margin: 0.75em 0; text-align: left; } /* rechte Spalte */

/* weitere Elemente zur Seitengestaltung */
p.pLink { margin: 0 0 0.75em; padding: 0 0 0.5em; border-bottom: 1px solid #000; font-size: 0.85em; } /* Zeile mit Trennlinie für Links */
p.pLinkCenter { margin: 0 0 0.75em; padding: 0 0 0.5em; border-bottom: 1px solid #000; font-size: 0.85em; text-align: center; } /* Zeile mit Trennlinie für Links, zentriert */
p.pLinkRight { font-size: 0.85em; text-align: center; } /* Zeile für Links rechtsbündig, mit pLinkCenter verwenden */
p.pLinkLeft { font-size: 0.85em; text-align: center; } /* Zeile für Links linksbündig, mit pLinkCenter verwenden */
p.pRuler { border-top: 0.5pt solid #000; font-size: 0.2em; } /* Zeile mit Trennlinie */
p.pRuler span { display: none; } /* Ersatztext in Trennzeilen ausblenden */
p.pRulerDouble { border-top: 0.5pt solid #000;  font-size: 0.2em; } /* Zeile mit Trennlinie */
p.pRulerDouble span { display: none; } /* Ersatztext in Trennzeilen ausblenden */
p.pFloatRight { } /* rechtsfließend */
p.pCentered { text-align: center; } /* zentrierte Zeile */
p.pBlock { text-align: justify; } /* Zeile mit Blocksatz */

/* Tabellenlayout für Terminseiten */
th.thLeft { width: 7em; font-weight: normal; vertical-align: top; text-align: left; } /* linke Spalte für 3-spaltiges Layout */
td.tdCenter { vertical-align: top; text-align: justify; } /* mittlere Spalte für 3-spaltiges Layout */
td.tdRight { padding: 0.75em 0; vertical-align: top; text-align: right; } /* rechte Spalte */
td.tdRuler { border-top: 0.5pt solid #000;  font-size: 0.5em; } /* Zeile mit Trennlinie */
td.tdRuler span { display: none; } /* Ersatztext in Trennzeilen ausblenden */
td.tdRulerDouble { border-top: 0.5pt solid #000;  font-size: 0.5em; } /* Zeile mit Trennlinie */
td.tdRulerDouble span { display: none; } /* Ersatztext in Trennzeilen ausblenden */

/* Layout für das Kalenderblatt auf den Terminseiten */
p.pDateMonth { /* Monatsnamen */
    width: 80%;
    margin: 0.2em 0 0;
    border: 0.5pt solid #000;
    text-align: center;
    font-size: 0.85em; font-weight: bold;
    color: #000; background: transparent;
}
p.pDateDay { /* Datum */
    width: 80%;
    margin: 0;
    border: 0.5pt solid #000; border-top: 0; border-bottom: 0;
    text-align: center;
    font-size: 2.2em; font-weight: bold;
    color: #A00;
}
p.pDateWeekday { /* Wochentag */
    width: 80%;
    margin: 0;
    border: 0.5pt solid #000; border-top: 0;
    text-align: center;
    font-size: 0.85em; font-weight: bold;
    color: #000;
}
p.pDateTime { /* Uhrzeit */
    width: 80%;
    margin: 0.2em 0 0;
    border: 0.5pt solid #000;
    text-align: center;
    font-size: 0.85em;
    color: #000;
}
p.pDateAdmission { /* Eintritt */
    width: 80%;
    margin: 0.2em 0 0;
    border: 0.5pt solid #FFF;
    text-align: center;
    font-size: 0.85em;
    color: #000;
}

/* Layout für Übersichtstabellen */
table.tableSum {
    margin: 1.5em 0;
    table-layout: auto;
    border: 0.5pt solid #000;
    border-collapse: separate;
}
table.tableSum th {
    padding: 0.2em 0;
    border-bottom: 0.5pt solid #000;
    text-align: left; text-indent: 0.75em;
    font-size: 1.1em; font-weight: bold;
    color: #A00; background: transparent;
}
table.tableSum td {
    padding: 0.3em 0.45em;
    border: solid #000;
    color: #000; background: transparent;
}
table.tableSum td.tdSumSingle { border-width: 0 0 0.5pt 0; }
table.tableSum td.tdSumLeft { border-width: 0 0 0.5pt 0; }
table.tableSum td.tdSumCenter { border-width: 0 0 0.5pt 0.5pt; }
table.tableSum td.tdSumRight { border-width: 0 0 0.5pt 0.5pt; }
table.tableSum td.tdSumTop { border-top-width: 0; }
table.tableSum td.tdSumBottom { border-bottom-width: 0; }
table.tableSum td.tdSumNoBottom { border-bottom: 0; }
table.tableSum td.tdSumBack999 { background: transparent; }
table.tableSum td.tdSumBack888 { background: transparent; }
table.tableSum td.tdSumBack777 { background: transparent; }
table.tableSum td.tdSumBack555 { background: transparent; }
table.tableSum td.tdSumBack444 { background: transparent; }
table.tableSum td.tdSumBack333 { background: transparent; }
table.tableSum td.tdSumPadding12 { padding: 0.9em 0.45em; }
table.tableSum td.tdSumSystem { width: 25%; height: 5.4em; text-align: center; color: #000; }
table.tableSum td.tdAlignTop { vertical-align: top; }

/* Layout für Fotoalbum (Thumbnails) */
table.tableGallery td { width: 160px; height: 160px; vertical-align: middle; text-align: center; }
table.tableGallery a:hover img { border: 0; }

/* Formate für Formulare */
form { margin: 0; }
.formLastField { margin-bottom: 0.75em; }
fieldset {
    margin: 0 0 0.75em;
    padding: 0.3em 0.75em 0.75em;
    border: 0.5pt solid #000;
    background: transparent;
}
input, select, textarea {
    display: block;
    margin: 0.3em 0 0; 
    padding: 0 0.3em 0 0.3em;
    border: 0.5pt solid #000;
    font-family: Arial, Helvetica, sans-serif; font-size: 1em; /* Vererbung funktioniert nicht immer */
    color: #000; background: transparent;
}
input, textarea { width: 30em; }
textarea { overflow: visible; }
p.pForm { margin: 0.3em 0 0; }
p.pLabel { margin: 0.3em 0 0; font-weight: bold; color: #000; }
p.pLabelLong { margin: 0.3em 0 0; font-weight: bold; color: #000; }
p.pRadio { margin: 0.3em 0 0; }
p.pRadioLastField { margin: 0.3em 0 0.75em; }
input.inputZip { width: 5em; }
input.inputCity { }
input.inputHidden { display: inline; width: auto; border: 0; }
input.button { display: inline; width: auto; margin: 0 0.45em 0 0; color: #000; background: transparent; }
input.checkbox, input.radio {
    display: inline;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}
input.readonly { }

/* Formate für verschiedene Meldungen */
h3.h3Alert { /* Absatz für Fehlermeldungen */
    border: 0.5pt solid #000;
    padding: 0.25em;
    font-weight: bold;
    color: #A00; background: transparent;
}
h3.h3Message { /* Absatz für Hinweise */
    border: 0.5pt solid #000;
    padding: 0.25em;
    font-weight: bold;
    color: #000; background: transparent;
}
div.divBox { /* allgemeine Meldungsbox */
    margin: 0 0 0.75em;
    padding: 0.3em 0.75em 0.75em;
    border: 0.5pt solid #000;
    background: transparent;
}
div.divBoxAlt { /* alternative Meldungsbox */
    margin: 0 0 0.75em;
    padding: 0.3em 0.75em 0.75em;
    border: 0.5pt solid #000;
    background: #900;
}
div.divBox h2 { margin: 0; }
div.divBoxAlt h2 { margin: 0; }

/* Formate für die Linkseite */
div.divLinklist { margin: 0 0 0.75em 1.5em; }
div.divLinklist h3 { margin: 0; }
div.divIndent { margin: 0 0 0.75em 1.5em; } /* eingerückter Bereich */