/* fra - Frage-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,
   ein Attribut 'color' mu� immer VOR 'background-color' stehen.

   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 'fraSeite.htm' eingestellt. */

/* Die Schriftgr��en des umh�llenden Containers div.fraBox 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.fraBox 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 Testfragen-Scripts herum = */

body { background:url ("http://www.allesrahmen.de/bilderrahmen-blog/wp-content/themes/allesblog/images/Page-BgSimpleGradient.jpg") repeat-x; }

div.fraBox {
 font-family:Verdana, "Geneva", sans-serif;
 font-size:85%;  /* 75% sollte einer 12px Schrift als Normalma� entsprechen */
}




#teilnahme {

font-family:Verdana, "Geneva", sans-serif;
 font-size:0.65em; 
}


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

p.fraMeld{ /* normale Hinweismeldung, Aufforderung */
 font-size:1.1em; font-weight:bold;
 color:#111111;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
p.fraErfo{ /* gr�ne Erfolgsmeldung, Best�tigung */
 font-size:1.1em; font-weight:bold;
 color:#008811;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
p.fraFehl{ /* rote Fehlermeldung, Korrekturaufforderung */
 font-size:1.1em; font-weight:bold;
 color:#BB0033;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
div.fraFehl{ /* roter Rahmen um fehlerhafte Eingabefelder */
 border-color:#BB0066;
 border-style:solid; border-width:1px;
}
div.fraCapH{ /* Erkl�rungstext zum Captcha */
 font-family:Verdana, "Geneva", sans-serif; font-size:100%;
 width:14.6em;
}

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

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

/* blinde Tabelle als Container an diversen Stellen */

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

/* = Text-Block mit Fragezeile, Antwortzeilen, Infozeile usw. = */
div.fraText{
 width:500px; margin:0px;
 font-size:1.0em; font-weight:normal;
 border-color:#E7E7E7; border-style:dotted; border-width:2px;
 background-color:#FFFFFF;
}
div.fraFrag{ /*Zeile f�r die Frage*/
 font-size:1em; font-weight:normal;
 color:#000000; background-color:#DDDDDD;
 width:; margin:0px; padding:5px;
 text-align:left;
}
div.fraAntw{ /*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.fraAntw{ /*K�stchen vor den Auswahlantworten*/
 font-size:1em; font-weight:normal;
 color:#000011; background-color:#FFFFFF;
 width:15px; height:15px; vertical-align:;
 margin:0px; padding:0px;
}
div.fraAusl{ /*Zeile f�r den Text: "Frage auslassen, ans Ende stellen"*/
 font-size:1em; font-weight:normal;
 color:#000000; background-color:#F3ECEC;
 width:; margin:0px; padding:5px;
 padding-left:25px; text-indent:-20px;
 text-align:left;
}
div.fraKatg{ /*Zeile mit der etwaigen FragenKategorie*/
 font-size:0.9em; font-weight:normal;
 color:#660011; background-color:#FFFFDD;
 width:; margin:0px; padding:5px;
 text-align:left;
}
div.fraFrNr{ /*Zeile mit der Nummer der Frage*/
 font-size:0.95em; font-weight:normal;
 color:#000077; background-color:#FFFFFF;
 width:; margin:0px; padding:5px;
 text-align:left;
}
div.fraInfo{ /*Zeile mit den Punkten, der Zahl der richtigen Antworten usw.*/
 font-size:0.9em; font-weight:normal;
 color:#666666; background-color:#FFFFFF;
 width:; margin:0px; padding:5px;
 text-align:right;
}
div.fraAnmk{ /*Zeile mit der Anmerkung zur Frage*/
 font-size:1em; font-weight:normal;
 color:#333333; background-color:#E7E7F7;
 width:; margin:0px; padding:5px;
 text-align:left;
}
div.fraScha{ /*Zeile f�r den Formular-Schalter*/
 padding-top:1px; padding-bottom:5px;
 text-align:center;
}

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

/* = eventuelle zus�tzlicher Container unter der Gesamtdarstellung
     mit den Anmerkungen beim Aufdecken der Antworten = */
div.fraOffn{
 width:500px;margin-top:16px; margin-bottom:5px;
 font-size:1.0em; font-weight:normal;
 border-color:#CCCCEE; border-width:2px; border-style:dotted;
 background-color:#FFFFFF;
}

/* = Gesamttabelle mit Bildzelle, Textcontainerzelle, Schalterzelle = */
table.fraGsmt{
 margin-top:5px; margin-bottom:5px;
 font-size:1.0em; font-weight:normal;
 border-color:#CCCCEE; border-width:2px; border-style:dotted;
 background-color:#FFFFFF;
 table-layout:auto;
}
td.fraBild{ /*Zelle f�r das Bild*/
 padding:10px;
 text-align:center; vertical-align:top;
}
td.fraText{ /*Textcontainerzelle f�r die Frage-Antwort-Tabelle*/
 padding:10px;
 vertical-align:top;
}
td.fraScha{ /*Zelle f�r den Formular-Schalter*/
 padding-top:15px; padding-bottom:5px;
 text-align:center; vertical-align:bottom;
}
input.fraScha{ /*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;
 margin-left:25%;
}
form.fraForm{ /*alle Formulare*/
 margin:3px;
}

/* = Formular Login oder Teilnehmererfassung = */
table.fraLogi{ /* Logintabelle */
 width:; 
 margin-bottom:10px;
 margin-left:25%;
 font-size:1.0em; font-weight:normal;
 border-color:#BBBBBB; border-style:dotted; border-width:2px; border-collapse:collapse;
 background-color:#F7F7F7;
 table-layout:auto;
}
td.fraLogi{
 font-size:1.0em; font-weight:normal;
 color:#000000; background-color:#F7F7F7;
 border-color:#CCCCCC; border-width:2px; border-style:dotted;
 padding:4px; vertical-align:middle;
}
input.fraLogi{ /* Eingabefelder im Formular */
 width:200px;
 font-size:0.95em;
 color:#000011; background-color:#FFFFFF;
}

/* = Formular Benutzerzentrum = */
table.fraMenu{ /* Men�tabelle */
 width:; margin-bottom:10px;
 font-size:1.0em; font-weight:normal;
 border-color:#AAAAE0; border-style:dotted; border-width:2px; border-collapse:collapse;
 background-color:#F7F7F0;
 table-layout:auto;
}
td.fraMenu{
 font-size:1.0em; font-weight:normal;
 color:#000000; background-color:#F7F7F7;
 border-color:#CCCCCC; border-width:2px; border-style:dotted;
 padding:6px; vertical-align:middle;
}
td.fraMnuL{
 width:24px; height:;
 /* 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:12px;
 border-color:#CCCCCC; border-width:2px; border-style:dotted; border-right-style:none; border-right-style:hidden;
}
td.fraMnuM{
 width:48px; height:;
 text-align:center; color:#666666;
 /* 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:-8px;
 border-color:#CCCCCC; border-width:2px; border-style:dotted; border-left-style:none; border-right-style:none; border-left-style:hidden; border-right-style:hidden;
}
td.fraMnuR{
 width:24px; height:;
 /* 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:-116px;
 border-color:#CCCCCC; border-width:2px; border-style:dotted; border-left-style:none; border-left-style:hidden;
}
a.fraMenu,a.fraMenu:link,a.fraMenu:active,a.fraMenu:visited{ /*Links im Men�schalter*/
 color:#111177; text-decoration:none;
 font-size:0.95em; font-weight:normal;
}
a.fraMenu:hover{
 color:#00BB11; text-decoration:none;
}

/* = Formular zur Bewertung der Testergebnisse = */
table.fraBwrt{ /* Bewertungstabelle */
 width:; margin-top:15px; margin-bottom:15px;
 font-size:1.0em; font-weight:normal;
 border-color:#AAAAEE; border-width:2px; border-style:dotted; border-collapse:collapse;
 background-color:#FFFFFF;
 table-layout:auto;
}
td.fraBwrt{
 font-size:1.0em; font-weight:normal;
 color:#000000; background-color:#FFFFFF;
 border-color:#CCCCCC; border-width:2px; border-style:dotted;
 padding:4px; vertical-align:middle;
}

/* Ende */