/* umf - Umfrage-Script */

/* Diese CSS-Datei kann von Hand editiert werden. Sie wird jedoch auch
   von der online-Layout- und Farbeinstellung automatisch verändert.
   Deshalb sollten alle vorhandenen CSS-Klassen separat erhalten
   bleiben und keine Platzoptimierungen/Zusammenlegungen von Klassen
   erfolgen, selbst wenn bei Ihnen mehrere Klassen optisch indentisch
   sein sollten.

   Jedes CSS-Attribut MUSS wegen der Bearbeitungsmöglichkeit über die
   online-Administration mit einem Semikolon abschließen, selbst wenn
   es unmittelbar vor der schließenden geschweiften Klammer steht.
   Farbwerte müssen generell in der Form #RRGGBB angegeben werden.

   Anderenfalls wird der Layout/Farben-Dialog in der Administration
   nicht funktionieren!!

   Die Hintergrundfarbe der Gesamtausgabe wird NICHT über diese CSS-Datei
   sondern direkt in der HTML-Schablone 'umfSeite.htm' eingestellt.

   Die Schriftgrößen des umhüllenden Containers div.umfBox ist im Original
   mit einer Prozentangabe versehen:
   100% entspricht 16px,  75% entspricht 12px,  69% entspricht 11px,
   sofern nicht vorher durch eine andere CSS-Definition bereits an der
   Schriftgröße korrigiert wurde.

   Alle untergeordneten Klassen, die in diesem Container liegen sind meist
   in der Schriftgrößeneinheit 'em' bezogen auf den umhüllenden Container
   der Klasse div.umfBox angegeben. 1em entspricht Normalgröße (also etwa
   12px bei obiger Prozentangabe), 0.9em entspricht einer verkleinerten
   Schrift (also etwa 10px bei obiger Prozentangabe.) */

/* = --------------------------------------------------------------- = */

/* = div-Container um die gesamte Ausgabe des Umfragen-Scripts herum = */
h1 {
	font-size: 110%;
	margin: 8px 0;
}

div.umfBox {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:100%;  /* 75% sollte einer 12px Schrift als Normalmaß entsprechen */
}

/* = Hinweis-, Fehler- und Erfolgs-Meldungen über den Formularen und Listen = */

p.umfMeld{ /* normale Hinweismeldung, Aufforderung */
 font-size:1.1em; font-weight:bold;
 color:#5D5D5D;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
p.umfErfo{ /* grüne Erfolgsmeldung, Bestätigung */
 font-size:1.1em; font-weight:bold;
 color:#008811;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
p.umfFehl{ /* rote Fehlermeldung, Korrekturaufforderung */
 font-size:1.1em; font-weight:bold;
 color:#BB0033;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
div.umfFehl{ /* roter Rahmen um fehlerhafte Eingabefelder */
 border-color:#BB0066;
 border-style:solid; border-width:1px;
}

/* kleinerer Hinweis-Text an diversen Stellen, ca. 10px groß */

span.umfMini{
 font-size:0.9em;
}

/* blinde Tabelle als Container an diversen Stellen */

table.umfBlnd{
 font-size:1.0em; font-weight:normal;
 border-style:none; border-width:0;
}
td.umfBlnd{
 font-size:1.0em; font-weight:normal;
 border-style:none; border-width:0;
 margin:0; padding:0;
}

/* alle Formulare */
form.umfForm{
 margin:3px;
}

/* = Text-Block mit Fragezeile, Antwortzeilen, Infozeile usw. = */
div.umfText{
 width:350px; margin:0px;
 font-size:1.0em; font-weight:normal;
 border-color:#E7E7E7; border-style:dotted; border-width:2px;
 color:#000000; background-color:#FFFFFF;
}
div.umfFrag{ /*Zeile für die Frage*/
 font-size:1.1em; font-weight:normal;
 color:#000000; background-color:#DDDDD0;
 width:; margin:0px; padding:5px;
 text-align:left;
}
div.umfAntw{ /*Zeilen für eine Antwort*/
 font-size:1em; font-weight:normal;
 color:#000000; background-color:#F7F7F7;
 width:; margin:0px; padding:5px;
 padding-left:25px; text-indent:-20px;
 text-align:left;
}
input.umfAntw{ /*Kästchen vor den Auswahlantworten*/
 font-size:1em; font-weight:normal;
 color:#000011; background-color:#FFFFFF;
 width:15px; height:15px; vertical-align:;
}
div.umfFrNr{ /*Zeile mit der Nummer der Frage*/
 font-size:0.95em; font-weight:normal;
 color:#000077; background-color:#F0F0F0;
 width:; margin:0px; padding:5px;
 text-align:right;
}
div.umfAnmk{ /*Zeile mit der Anmerkung zur Frage*/
 font-size:1em; font-weight:normal;
 color:#333333; background-color:#E0E0F0;
 width:; margin:0px; padding:5px;
 text-align:left;
}
div.umfScha{ /*Zelle für den Formular-Schalter*/
 padding-top:8px; padding-bottom:8px;
 text-align:center;
}
input.umfScha{ /*Formularschalter*/
 width:128px; height:20px;
 font-size:0.95em;
 color:#111111; background-color:#FFFFFF;
 /* background-image:url(schalter.gif); Das Hintergrundbild wird später vom PHP-Script eingesetzt wegen der Veränderlichkeit des Pfades bei includierten Aufrufen. */
 background-repeat:no-repeat; background-position:0;
 border-style:none; border-width:0;
 cursor:hand;
}

ul.umfText,ol.umfText{ /*Listen als BB-Code mitten im Frage- oder Antworttext*/
 margin-top:3px;margin-bottom:3px;margin-left:32px;padding:0;
}
li.umfText{ /*Listen als BB-Code mitten im Frage- oder Antworttext*/
 margin-top:3px;margin-bottom:3px;
}
a.umfText,a.umfText:link,a.umfText:active,a.umfText:visited{ /*Links als BB-Code*/
 text-decoration:none;
}
a.umfText:hover{
 color:#D04050;text-decoration:underline;
}
img.umfText{ /*Bild als BB-Code mitten im Frage- oder Antworttext */
 border-width:0px; border-style:none;
 vertical-align:text-bottom;
}

/* = Gesamttabelle mit Bildzelle, Textcontainerzelle, Schalterzelle = */
table.umfGsmt{
 margin-top:5px; margin-bottom:5px;
 font-size:1.0em; font-weight:normal;
 background-color:#FFFFFF;
 border-color:#CCCCEE; border-width:2px; border-style:dotted;
 table-layout:auto;
}
td.umfBild{ /*Zelle für das Bild*/
 padding:10px;
 text-align:center; vertical-align:top;
}
td.umfText{ /*Textcontainerzelle für die Frage-Antwort-Tabelle*/
 padding:10px;
 vertical-align:top;
}

/* = Tabelle für die Grafikanzeige = */
table.umfGraf{ /* Grafiktabelle */
 width:300px; margin-top:15px; margin-bottom:15px;
 font-size:1.0em; font-weight:normal;
 background-color:#FFFFFF;
 border-color:#AAAAEE; border-width:2px; border-style:dotted; border-collapse:collapse;
 table-layout:auto;
}
td.umfGraF{ /* Zelle mit der Frage */
 font-size:1.0em; font-weight:normal;
 border-style:none;
 color:#000066; background-color:#FCFCFC;
 padding:4px;
 text-align:left;
}
td.umfGrAB{ /* Balken-Zelle mit der Antwort */
 text-align:left; vertical-align:middle;
}
td.umfGrAS{ /* Säulen-Zelle mit der Antwort */
 text-align:center; vertical-align:middle;
}
td.umfGrAB,td.umfGrAS{ /* Zelle mit der Antwort */
 font-size:1.0em; font-weight:normal;
 border-style:none;
 color:#000000; background-color:#FCFCFC;
 padding:4px;
}
td.umfGraE{ /* Zelle mit der Ergebniszahl */
 font-size:1.0em; font-weight:normal;
 border-style:none;
 color:#000066; background-color:#FCFCFC;
 padding:4px;
 text-align:center; vertical-align:middle;
}
td.umfGrGB{ /* Balken-Zelle mit der Grafik */
 text-align:left; vertical-align:middle;
}
td.umfGrGS{ /* Säulen-Zelle mit der Grafik */
 text-align:center; vertical-align:bottom;
}
td.umfGrGB,td.umfGrGS{ /* Zellen mit Grafikbalken/Grafiksäule */
 border-style:none;
 background-color:#FFFFFF;
 padding:4px;
}
div.umfGrNr{ /* Zeile mit den Fragenummern zum Weiterschalten */
 font-size:1.0em; font-weight:normal;
 color:#000066; background-color:;
}

/* = Text-Block für den Fertig-Text = */
div.umfFrtg{
 width:350px; margin:0px; padding:10px;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:1.0em; font-weight:normal;
 color:#000000; background-color:#FFFFFF;
 border-color:#E7E7E7; border-style:dotted; border-width:2px;
}

/* Verweise aus dem Umfragescript */

a.umfLink,a.umfLink:link,a.umfLink:active,a.umfLink:visited{ /*Links*/
 color:#000099; text-decoration:none;
}
a.umfLink:hover{
 color:#D04050; text-decoration:underline;
}

/* = Captcha = */
div.umfCapt{ /* Container um den gesamten Captchabereich */
 padding:0px;
 color:#006600; background-color:#F0F0F0;
}
div.umfCapB{ /* Beschriftung vor dem Captcha */
 font-family:Verdana,Arial,Helvetica;
 color:#006600; background-color:#F0F0F0;
}
div.umfCapH{ /* Erklärungstext zum Captcha */
 font-family:Verdana,Arial,Helvetica; font-size:10px;
 color:#000066; background-color:#F0F0F0;
}
input.umfCapE{ /* Eingabefeld Captcha-Code */
 width:4em; height:24px;
 font-size:1.1em; font-weight:normal;
 color:#000011; background-color:#FFFFFF;
}

/* Ende */