/* ==========================
// Stylesheet fuer die Bildschirmanzeige
// ..........................
// Abschnitte:
// Sektion 01: Container-Formate
// Sektion 02: Formularfeld-Formate
// Sektion 03: Tabellen-Formate
// Sektion 04: Listen-Formate
// Sektion 05: Headline-Formate
// Sektion 06: Absatzformate
// Sektion 07: Graphik-Formate
// Sektion 08: Ankerformate
// Sektion 09: Freie Klassen
// Sektion 10: Spezial-Tags
// =========================== */

/* --------------------------------
// Sektion 01: Container-Formate
// -------------------------------- */ 
#antworten	{
		margin-top:12px;
		margin-bottom:12px;
}

#quiz	{
	position:relative;
	left:0px;
	right:0px;
	
	width:150px;
	
	margin-left:auto;
	margin-right:auto;
	
	font-family:sans-serif;
	background-color:#FFF;
	}

#quiz_aktionsbereich	{
	background-color:#EEE;
	}

#quiz_ergebnis	{
	background-color:#DDD;
	color:#000000;
	padding-left:20px;
	padding-right:20px;
	}

#quiz_status
	{
	background-color:#B2B2B2;
	color:#000;
	margin-top:10px;
	}

#quiz_status_verlauf_gra	{
	width:200px; /* BREITE NICHT VERAENDERN !!! 
					 // Auf jeden Fall aber durch 100 teilbaren Integer-Wert setzen.
					 // Das Hunderstel des hier gesetzten Wertes muss in der Datei mods/mod_fusa_spezial.php
					 // in den Zeilen 6, 7, 12 und 13 nach dem Multiplikationszeichen eingesetzt werden. */
	background-color:#CCC;
	color:#000;
  }

div.antwortfeld	{
	background-color:#FC0;
	border-bottom:solid 6px #FC0;
	}

div.frage	{
	color:#000;
	font-weight:800;
	margin-top:10px;
	}

/* --------------------------------
// Sektion 02: Formularfeld-Formate
// -------------------------------- */
legend	{
		font-weight:800;
		color:#000;
}
/* --------------------------------
// Sektion 03: Tabellen-Formate
// -------------------------------- */  
#quiz_status table	{
	width:100%;
	color:#000;
	}

#quiz_status table th,
#quiz_status table td	{
	text-align:left;
	vertical-align:top;
	color:#000;
	}

table.qual_der_wahl th,
table.qual_der_wahl td	{
		vertical-align:top;
}
/* --------------------------------
// Sektion 04: Listen-Formate
// -------------------------------- */

/* --------------------------------
// Sektion 05: Headline-Formate
// -------------------------------- */
h2.quizfazit	{
			font-size:16px;
			padding-top:20px;
}
/* --------------------------------
// Sektion 06: Absatzformate
// -------------------------------- */
p.stufe_einsteiger	{
	color:#A00;
	}

p.stufe_amateur	{
	color:#000;;
	}

p.stufe_profi	{
	color:#0A0;
	}

p.wertung_zwischen	{
	margin-left:10px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:18px;
	padding-top:12px;
	}

#quiz_ergebnis p.wertung_zwischen	{
	position:relative;
	left:0px;
	top:-10px;
	
	margin-left:0px;
	margin-top:0px;
	margin-bottom:1px;
	padding-top:0px;
	padding-bottom:12px;
	
}

/* --------------------------------
// Sektion 07: Graphik-Formate
// -------------------------------- */

/* --------------------------------
// Sektion 08: Ankerformate
// -------------------------------- */

/* --------------------------------
// Sektion 09: Freie Klassen
// -------------------------------- */
.zwfazit_ko	{ color:#A00; }
.zwfazit_ok	{ color:#0A0; }

.quizautorin	{
		font-size:12px;
		color:#333;
}
/* --------------------------------
// Sektion 10: Spezial-Tags
// -------------------------------- */