/* ************************************************* */
/*            Copyright by Tango GRAZioso            */
/*                8020 Graz Austria                  */
/*            Design by Gunter Jammernegg            */
/* ************************************************* */
/* Stile für Handhelds                               */

/* Bildschirm definieren */
body {
    margin: 1em; padding: 0;
    color: #000; background: #EEE8DD;
}

/* Basis-Schriftgröße festlegen, Vererbung funktioniert nicht in allen Browsern */
body, th, td, input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; }

/* Schriftstile */
h1 {
    margin: 1em 0 0;
    font-size: 1.4em; font-weight: bold;
    color: #000;
}
h1:first-letter { font-size: 125%; color: #A00; }
h2 { margin: 0 0 0.6em; font-size: 1.25em; font-weight: bold; color: #000; }
h2:first-letter { font-size: 125%; color: #A00; }
h3 { margin: 0 0 0.67em; font-size: 1.1em; font-weight: bold; color: #000; }
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, Bilder und Trennlinien */
table { margin: 0 0 0.75em; table-layout: fixed; width: auto; border: 0; border-spacing: 0; border-collapse: collapse; }
th, td { padding: 0.2em 0.45em; border: 0; text-align: left; }
img { border: 0; }
hr { margin: 0 0 0.75em; }

/* Stile für Links, bei hover Farbwechsel */
a { color: #009; text-decoration: none; }
a:hover, a:active { color: #03F; }
a:before { content: "\25BA"" "; }
a.aTop:before { content: "\25B2"" "; }
a.aBottom:before { content: "\25BC"" "; }
a.aLeft:before { content: "\25C4"" "; }
a.aWorld:before { content: "» "; }
a.aMail:before { content: "[@] "; }
a.aInfo:before { content: "[?] "; }
a.aMagnify:before { content: "(+) "; }
a.aMap:before { content: "\25CF"" "; }
a.aPdf:before { content: ""; }
a.aPdf { padding-left: 17px; background: url(pix/icon_pdf.gif) no-repeat left; }
a.aAnchor:before { content: ""; }
a#AT:before { content: ""; }
a#AT { padding-left: 22px; background: url(pix/icon_at.gif) no-repeat left; } /* Link zur deutschen Seite */
a#EN:before { content: ""; }
a#EN { padding-left: 22px; background: url(pix/icon_en.gif) no-repeat left; } /* Link zur englischen Seite */
a span { display: none; } /* Texte in speziellen Links ausblenden: #header, aTop und ähnliche */

/* Textauszeichnungen */
strong { font-weight: bold; color: #000; }
em { font-style: italic; }
code { padding: 0 0.24em; font-family: "Courier New", Courier, monospace; font-size: 0.85em; color: #FC0; background: #666; }
acronym { border: 0; text-decoration: underline; cursor: help; }
.textHighlight { color: #03F; }
.textAltHighlight { color: #F30; }
.textSizeNormal { font-size: 1em; font-weight: normal; }
.textSizeSmall { font-size: 0.85em; font-weight: normal; }
.textComment { color: #090; } /* für Kommentare während der Entwicklungsphase */

/* Seitenkopf mit Tango GRAZioso-Logo */
#header { margin: 0; float: left; background: url(pix/head_mobile.png) 0 0 no-repeat; }
#header a { display: block; width: 115px; height: 180px; color: #A00; } /* Standardformat von a überschreiben */
#header a:hover, #header li a:active { color: #03F; }
#header a:before { content: ""; } /* Standardformat von a überschreiben */

/* Navigationsmenü als unsortierte Liste mit hover-Effekt */
#navigation {
    width: 10em;
    margin: 0 0 0 134px; padding: 0.75em;
    border: 1px solid #A00;
    background: #EEE8DD;
    list-style-type: none;
    font-size: 0.85em;
}
#navigation li a { color: #A00; font-weight: normal; } /* Standardformat von a überschreiben */
#navigation li a:hover, #navigation li a:active { color: #03F; }
#navigation li a:before { content: ""; } /* Standardformat von a überschreiben */
#navigation li a#home { font-style: italic; } /* Link zur Standardversion */
#navigation li a#mobile { font-style: italic; } /* Link zur mobile version */

/* Update-Hinweis für IE bis 6.0, mit Selektor-Kommentar-Hack für IE 5.0 */
#navigation li a#IE { font-style: italic; color: #07F; }
#navigation li a#IE/* */ { padding-left: 25px; background: url(pix/ie6.jpg) no-repeat left; }

/* klickbares Bild für La Fiesta */
#fiesta a:before { content: ""; } /* Standardformat von a überschreiben */

/* Container für Fußzeile */
#footer { 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 Spaltenlayout */
.colText { margin: 0 0 0.75em; text-align: justify; } /* linke Spalte für 2-spaltiges Layout */
.colLeft { width: 7em; margin: 0 0 0.88em; font-size: 0.85em; text-align: left; } /* linke Spalte für 3-spaltiges Layout */
.colCenter { margin: 0 0 0.75em; text-align: justify; } /* mittlere Spalte für 3-spaltiges Layout */
.colRight { margin: 0 0 0.88em; font-size: 0.85em; text-align: left; } /* rechte Spalte für 2- oder 3-spaltiges Layout */

/* weitere Elemente zur Seitengestaltung */
p.pLink { margin: 0 0 0.3em; font-size: 0.85em; } /* Zeile für Links */
p.pLinkCenter { margin: 0 0 0.3em; font-size: 0.85em; text-align: center; } /* Zeile für Links, zentriert */
p.pLinkRight { margin: 0 0 0.3em 0.3em; font-size: 0.85em;  text-align: right; float: right; } /* Zeile für Links rechtsbündig, mit pLinkCenter verwenden */
p.pLinkLeft { margin: 0 0.3em 0.3em 0; font-size: 0.85em;  float: left; } /* Zeile für Links linksbündig, mit pLinkCenter verwenden */
p.pCentered { text-align: center; } /* zentrierte Zeile für Diashow */
p.pCentered a:before { content: "" } /* Standardformat von a überschreiben */
div.divRuler { clear: both; } /* Container mit Trennlinie */
div.divRulerDouble { clear: both; } /* Container mit Trennlinie */

/* Layout für das Kalenderblatt auf den Terminseiten */
p.pDateMonth { /* Monatsnamen */
    margin: 0.24em 0 0;
    border: 1px solid #000;
    text-align: center;
    font-size: 0.85em; font-weight: bold;
    color: #000; background: #B6B6B6;
}
p.pDateDay { /* Datum */
    margin: 0;
    border: 1px solid #000; border-top: 0; border-bottom: 0;
    text-align: center;
    font-size: 2.2em; font-weight: bold;
    color: #000; background: #CCC;
}
p.pDateWeekday { /* Wochentag */
    margin: 0;
    border: 1px solid #000; border-top: 0;
    text-align: center;
    font-size: 0.85em; font-weight: bold;
    color: #000; background: #CCC;
}
p.pDateTime { /* Uhrzeit */
    margin: 0.24em 0 0;
    border: 1px solid #000;
    text-align: center;
    font-size: 0.85em; font-weight: bold;
    color: #000; background: #CCC;
}
p.pDateAdmission { /* Eintritt */
    margin: 0.24em 0 0;
    text-align: center;
    font-size: 0.85em;
    color: #000;
}

/* Layout für Übersichtstabellen */
table.tableSum {
    display: block; /* Workaround für Firefox-Bug: table margins don't collapse */
    margin: 1.5em 0;
    table-layout: auto;
    border: 0;
    border-collapse: collapse;
}
table.tableSum th {
    padding: 0.18em 0.68em;
    border: 1px solid #000;
    font-size: 1.1em; font-weight: bold;
    color: #EEE; background: #A00;
}
table.tableSum td {
    padding: 0.2em 0.45em;
    border: 1px solid #000; border-top-width: 0; /* ohne oberen Rand */
    color: #000; background: #CCC;
}
table.tableSum td.tdSumSingle { border-left-width: 1px; border-right-width: 1px; } /* einzige Zelle in der Zeile */
table.tableSum td.tdSumLeft { border-left-width: 1px; border-right-width: 1px; } /* Zelle am linken Rand */
table.tableSum td.tdSumCenter { border-right-width: 1px; } /* Zelle am rechten Rand */
table.tableSum td.tdSumRight { border-right-width: 1px; } /* Mittelzelle */
table.tableSum td.tdSumTop { border-top-width: 1px; } /* erste Zeile, zusätzlich anwenden */
table.tableSum td.tdSumBottom { border-bottom-width: 1px; } /* letzte Zeile, zusätzlich anwenden */
table.tableSum td.tdSumNoBottom { border-bottom-width: 0; } /* ohne unteren Rand, zusätzlich anwenden */
table.tableSum td.tdSumBack9 { background: #F8F8F8; } /* Hintergrundfarbe, zusätzlich anwenden */
table.tableSum td.tdSumBack7 { background: #E2E2E2; } /* Hintergrundfarbe, zusätzlich anwenden */
table.tableSum td.tdSumBack3 { background: #B6B6B6; } /* Hintergrundfarbe, zusätzlich anwenden */
table.tableSum td.tdSumPadding12 { padding: 0.9em 0.45em; } /* Zeilenhöhe, zusätzlich anwenden */
table.tableSum td.tdSumSystem { width: 50%; height: 5.4em; text-align: center; } /* gleichmäßige Aufteilung, zusätzlich anwenden */
table.tableSum td.tdAlignTop { vertical-align: top; } /* vertikale Ausrichtung oben, zusätzlich anwenden */

/* Layout für Fotoalbum (Thumbnails) */
table.tableGallery td { width: 160px; height: 160px; vertical-align: middle; text-align: center; }
table.tableGallery a:before { content: "" } /* Standardformat von a überschreiben */
table.tableGallery a:hover img { border: 1px solid #FC0; }

/* Formate für Formulare */
form { margin: 0; width: 32em; } /* width: Workaround für IE bis 7.0 */
fieldset {
    width: 30em;
    margin: 0 0 0.75em;
    padding: 0.75em 0.75em 0.5em;
    border: 1px solid #000;
    background: #B6B6B6;
}
input, select, textarea {
    display: block;
    width: 23em;
    margin: 0 0 0.25em;
    padding: 0 0.25em;
    border: 1px solid #000;
    color: #000; background: #E2E2E2;
    float: left;
}
textarea { overflow: auto; }
p.pForm { margin: 0 0 0.25em; }
p.pLabel { width: 6em; margin: 0 0 0.25em; font-weight: bold; color: #000; clear: left; float: left; }
p.pRadio { margin: 0 0 0.25em; float: left; }
.formLastField { margin-bottom: 0.75em; }
.formError { color: #EEE; background: #A00; }
.formComment { color: #A00; font-weight: bold; }
input.inputZip { width: 5em; margin-right: 0.25em; }
input.inputCity { width: 17.15em; } /* inputZip + inputCity = input */
input.inputNormal {
    display: inline;
    float: none;
    width: 1.5em;
	margin: 0 0.25em 0 0;
    padding: 0;
    vertical-align: baseline;
    text-align: center;
}
input.inputStud {
    display: inline;
    float: none;
    width: 1.5em;
	margin: 0 0.25em 0 0.25em;
    padding: 0;
    vertical-align: baseline;
    text-align: center;
}
input.inputHidden { display: inline; width: auto; float: none; border: 0; }
input.button {
    display: inline;
    float: none;
    width: 6em;
    margin: 0 0.45em 0 0;
    border-color: #000;
    color: #000; background: #CCC;
}
input.checkbox, input.radio {
    display: inline;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    color: #000; /* Workaround für Opera */
    background: transparent;
}
input.radio { background: #B6B6B6; } /* Workaround für Opera */

/* Formate für verschiedene Meldungen */
h3.h3Alert { /* Absatz für Fehlermeldungen */
    padding: 0.75em;
    border: 1px solid #000;
    font-weight: bold;
    color: #EEE; background: #A00;
}
h3.h3Message { /* Absatz für Hinweise */
    padding: 0.75em;
    border: 1px solid #000;
    font-weight: bold;
    color: #FC0; background: #666;
}
div.divBoxGrey { /* graue Meldungsbox */
    margin: 0 0 0.75em;
    padding: 0.75em;
    border: 1px solid #000;
    background: #CCC;
}
div.divBoxGrey h2:first-letter { font-size: 100%; color: #000; }
div.divBoxBlue { /* blaue Meldungsbox */
    margin: 0 0 0.75em;
    padding: 0.75em;
    border: 1px solid #000;
    color: #EEE; background: #039;
}
div.divBoxBlue h2, div.divBoxBlue h3 { color: #EEE; }
div.divBoxBlue h2:first-letter { font-size: 100%; color: #EEE; }
div.divBoxBlue a { color: #FFC; }
div.divBoxBlue a:hover, div.divBoxBlue a:active { color: #FC0; }
div.divBoxBlue strong { color: #EEE; }
div.divBoxBlue .textHighlight { color: #FC0; }
div.divBoxRed { /* rote Meldungsbox */
    margin: 0 0 0.75em;
    padding: 0.75em;
    border: 1px solid #000;
    color: #EEE; background: #A00;
}
div.divBoxRed h2, div.divBoxRed h3 { color: #EEE; }
div.divBoxRed h2:first-letter { font-size: 100%; color: #EEE; }
div.divBoxRed a { color: #FFC; }
div.divBoxRed a:hover, div.divBoxRed a:active { color: #FC0; }
div.divBoxRed strong { color: #EEE; }
div.divBoxRed .textHighlight { color: #FC0; }
.lastLine { margin-bottom: 0; }

/* Formate für die Linkseite */
#linkmap { margin-right: 0.85em; float: left; }
div.divIndent { margin: 0 0 0.75em 1.5em; text-align: left; } /* eingerückter Bereich */

/* Formate für die Fehlerseiten */
#error { margin: 1.25em 0 0; }
#error h1 {
    margin: 0 0 0.6em;
    padding: 0.24em 0.6em;
    border: 1px solid #000;
    color: #EEE; background: #A00;
    font-size: 1.25em;
}
#error h1:first-letter { font-size: 100%; color: #EEE; }