/* ###################################################################################################### */
/* /// MATHELINA - Template ///////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */



/* /// Für schmale Inhaltsbereiche ////////////////////////////////////////////////////////////////////// */
div.con_box_small {
float:left;
width:500px;
}

/* /// Für breite Inhaltsbereiche /////////////////////////////////////////////////////////////////////// */
div.con_box_big {
float:left;
width:630px;
}

/* /// Für breite Quiz mit Reiter/////////////////////////////////////////////////////////////////////// */
div.con_box_big_quiz {
float:left;
width:626px;
}

/* /// Text fett /////////////////////////////////////////////////////////////////////// */

.bold {
	font-weight: bold;
}

.blue {
	color: #1e3c7a;
}

.underline {
	text-decoration: underline;
}

/* ######################################################################################################## */
/* /// Unbearbeitete Aufgaben START  ////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


div.cont_aufgaben_unbearbeitet{
	float:left;
	width:495px;
}

div.cont_aufgaben_unbearbeitet_oben {
	width:495px;
	height: 7px;
	background: url(/images_css/cont_aufgaben_unbearbeitet_oben.gif) no-repeat;
}
div.cont_aufgaben_unbearbeitet_mitte{
	background: url(/images_css/cont_aufgaben_unbearbeitet_mitte.gif) repeat-y;
	width:495px;
	padding: 0 10px 0 10px;
}
div.cont_aufgaben_unbearbeitet_unten{
	background: url(/images_css/cont_aufgaben_unbearbeitet_unten.gif) no-repeat;
	width:495px;	height: 7px;
}
div.cont_box_ueberschrift {
	font-weight:700;
	margin:0 0 10px 3px;
}


/* ######################################################################################################## */
/* /// Linkliste Aufgabenreihen START  //////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.cont_aufgaben_unbearbeitet_liste a.rounded_arrow {
	display: block;
	width: 300px;
	color: #333;
	background: url(/images_css/cont_aufgaben_unbearbeitet_arrow.gif) no-repeat;
	padding: 3px 0px 3px 25px;
}


div.cont_aufgaben_unbearbeitet_liste a.rounded_arrow:hover {
	background: url(/images_css/cont_aufgaben_unbearbeitet_arrow_hover.gif) no-repeat;
}

div.cont_aufgaben_unbearbeitet_liste a.rounded_arrow:focus ,div.nav_left_box_body a.rounded_arrow#Active {
	background: url(/images_css/cont_aufgaben_unbearbeitet_arrow_down.gif) no-repeat;
	font-weight: bold;
	color: #333;
}

/* ######################################################################################################## */
/* /// Linkliste Aufgabenreihen ENDE ////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

/* ######################################################################################################## */
/* /// Unbearbeitete Aufgaben ENDE //////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */




/* ######################################################################################################## */
/* /// Gesammelte Punkte ////////////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.cont_ges_punkte {
	width				: 495px;
}

div.cont_ges_punkte_head {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_gesammeltepunkte_top.gif) no-repeat;
}

div.cont_ges_punkte_body {
	background-color	: #FFFFFF;
	border-left			: solid 1px #83B5E0;
	border-right		: solid 1px #83B5E0;
	margin-top			: 0px;
	padding				: 0px;
}

div.cont_ges_punkte_foot {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_gesammeltepunkte_bottom.gif) no-repeat;
}

div.cont_ges_punkte_body table {
	width: 493px;
}

div.cont_ges_punkte_body th {
	color: #FFFFFF;
	background-color: #599AD6;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.cont_ges_punkte_body th a,
div.cont_ges_punkte_body th a:hover,
div.cont_tab_links_body th a,
div.cont_tab_links_body th a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

div.cont_ges_punkte_body td {
	font-size: 12px;
	text-align: left;
	padding: 3px 0px 3px 10px;
}

div.cont_ges_punkte_body tr.col_false {
	background-color: #FFFFFF;
}

div.cont_ges_punkte_body tr.col_true {
	background-color: #E7F3FC;
}

div.cont_ges_punkte_body tr.Active,
div.cont_ges_punkte_body tr.Active td {
	background-color: #1C3B79;
	color: #fff;
	cursor: pointer;
}

/* Noetig?  Sperrt die Links auf der listauthor.jsp im weissen Zeilen!
.col_false a:link {
	display: block;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
}
*/

div.cont_ges_punkte_body tr.Active td a {
	display: block;
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
	cursor:pointer;
}

div.cont_ges_punkte_body tr.Active td a:link {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

div.cont_ges_punkte_body tr.Active td a:visited {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

div.cont_ges_punkte_body tr.Active td a:hover {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}


/* ######################################################################################################## */
/* /// Gesammelte Punkte ENDE ///////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


/* ######################################################################################################## */
/* /// Gross Gesammelte Punkte //////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.cont_ges_punkte_big {
	width				: 625px;
}

div.cont_ges_punkte_head_big {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_gesammeltepunkte_big_top.gif) no-repeat;
}

div.cont_ges_punkte_body_big {
	background-color	: #FFFFFF;
	border-left			: solid 1px #83B5E0;
	border-right		: solid 1px #83B5E0;
	margin-top			: 0px;
	padding				: 0px;
}

div.cont_ges_punkte_foot_big {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_gesammeltepunkte_big_bottom_ohne_teilung.gif) no-repeat;
}

div.cont_ges_punkte_body_big table {
	width: 623px;
}

div.cont_ges_punkte_body_big th {
	color: #FFFFFF;
	background-color: #599AD6;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.cont_ges_punkte_body_big td {
	font-size: 12px;
	text-align: left;
	padding: 3px 0px 3px 10px;
}

div.cont_ges_punkte_body_big tr.col_false {
	background-color: #FFFFFF;
	overflow: visible;
}

div.cont_ges_punkte_body_big tr.col_true {
	background-color: #E7F3FC;
	overflow: visible;
}


div.cont_ges_punkte_body_big tr.Active {
	background-color: #1C3B79;
}

div.cont_ges_punkte_body_big tr.Active td a {
	display: block;
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
	cursor:pointer;
}

div.cont_ges_punkte_body_big tr.Active td a:link {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

div.cont_ges_punkte_body_big tr.Active td a:visited {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

div.cont_ges_punkte_body_big tr.Active td a:hover {
	display: block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}


/* ######################################################################################################## */
/* /// Gross Gesammelte Punkte ENDE /////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


/* ######################################################################################################## */
/* /// Tabelle mit Links ////////////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.cont_tab_links {
	width				: 495px;
}

div.cont_tab_links_head {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_tab_links_top.gif) no-repeat;
}

div.cont_tab_links_body {
	background-color	: #FFFFFF;
	border-left			: solid 1px #83B5E0;
	border-right		: solid 1px #83B5E0;
	margin-top			: 0px;
	padding				: 0px;
}

div.cont_tab_links_foot {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_tab_links_bottom.gif) no-repeat;
}

div.cont_tab_links table {
	width: 493px;
}

div.cont_tab_links_body th {
	color: #FFFFFF;
	background-color: #599AD6;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.cont_tab_links_body td {
	font-size: 12px;
	text-align: left;
	padding: 3px 0px 3px 10px;
}

div.cont_tab_links_body tr.col_false {
	background-color: #FFFFFF;
}

div.cont_tab_links_body tr.col_true {
	background-color: #E7F3FC;
}

div.cont_tab_links_body a.rounded_false {
	display				: block;
	text-decoration		: none;
	color				: #333333;
	background			: url(/images_css/pfeil_bg_weiss.gif) no-repeat;
	padding-top			: 3px;
	padding-left		: 25px;
	padding-bottom		: 10px;
}
div.cont_tab_links_body a.rounded_false:hover {
	background			: url(/images_css/pfeil_bg_weiss_hover.gif) no-repeat;
	text-decoration		: underline;
}
div.cont_tab_links_body a.rounded_false:focus , div.cont_tab_links_body a.rounded_false.Active {
	background			: url(/images_css/pfeil_bg_weiss_hover.gif) no-repeat;
	text-decoration		: none;
}

div.cont_tab_links_body a.rounded_true {
	display				: block;
	text-decoration		: none;
	color				: #333333;
	background			: url(/images_css/pfeil_bg_grau.gif) no-repeat;
	padding-top			: 3px;
	padding-left		: 25px;
	padding-bottom		: 10px;
}
div.cont_tab_links_body a.rounded_true:hover {
	background			: url(/images_css/pfeil_bg_grau_hover.gif) no-repeat;
	text-decoration		: underline;
}
div.cont_tab_links_body a.rounded_true:focus , div.cont_tab_links_body a.rounded_true.Active {
	background			: url(/images_css/pfeil_bg_grau_hover.gif) no-repeat;
	text-decoration		: none;
}

/* ######################################################################################################## */
/* /// Tabelle mit Links ENDE ///////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


/* ######################################################################################################## */
/* /// Grosse Tabelle mit Links /////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.cont_tab_links_big {
	width				: 625px;
}

div.cont_tab_links_head_big {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_tab_links_top_big.gif) no-repeat;
}

div.cont_tab_links_body_big {
	background-color	: #FFFFFF;
	border-left			: solid 1px #83B5E0;
	border-right		: solid 1px #83B5E0;
	margin-top			: 0px;
	padding				: 0px;
}

div.cont_tab_links_foot_big {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_tab_links_bottom_big.gif) no-repeat;
}

div.cont_tab_links_big table {
	width: 623px;
}

div.cont_tab_links_body_big th {
	color: #FFFFFF;
	background-color: #599AD6;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.cont_tab_links_body_big td {
	font-size: 12px;
	text-align: left;
	padding: 3px 0px 3px 10px;
}

div.cont_tab_links_body_big tr.col_weiss {
	background-color: #FFFFFF;
}

div.cont_tab_links_body_big tr.col_grau {
	background-color: #E7F3FC;
}

div.cont_tab_links_body_big a.rounded_weiss {
	display				: block;
	text-decoration		: none;
	color				: #333333;
	background			: url(/images_css/pfeil_bg_weiss.gif) no-repeat;
	padding-top			: 3px;
	padding-left		: 25px;
	padding-bottom		: 10px;
}
div.cont_tab_links_body_big a.rounded_weiss:hover {
	background			: url(/images_css/pfeil_bg_weiss_hover.gif) no-repeat;
	text-decoration		: underline;
}
div.cont_tab_links_body_big a.rounded_weiss:focus , div.cont_tab_links_body_big a.rounded_weiss#Active {
	background			: url(/images_css/pfeil_bg_weiss_hover.gif) no-repeat;
	text-decoration		: none;
}

div.cont_tab_links_body_big a.rounded_grau {
	display				: block;
	text-decoration		: none;
	color				: #333333;
	background			: url(/images_css/pfeil_bg_grau.gif) no-repeat;
	padding-top			: 3px;
	padding-left		: 25px;
	padding-bottom		: 10px;
}
div.cont_tab_links_body_big a.rounded_grau:hover {
	background			: url(/images_css/pfeil_bg_grau_hover.gif) no-repeat;
	text-decoration		: underline;
}
div.cont_tab_links_body_big a.rounded_grau:focus , div.cont_tab_links_body_big a.rounded_grau#Active {
	background			: url(/images_css/pfeil_bg_grau_hover.gif) no-repeat;
	text-decoration		: none;
}

/* ######################################################################################################## */
/* /// Grosse Tabelle mit Links ENDE ///////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


/* ######################################################################################################## */
/* /// Gesammelte Punkte Detail START ///////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.cont_ges_punkte_detail {
	width				: 625px;
}

div.cont_ges_punkte_detail_head {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_gesammeltepunkte_big_top.gif) no-repeat;
}

div.cont_ges_punkte_detail_body {
	background-color	: #FFFFFF;
	border-left			: solid 1px #83B5E0;
	border-right		: solid 1px #83B5E0;
	margin-top			: 0px;
	padding				: 0px;
}

div.cont_ges_punkte_detail_foot {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/bg_gesammeltepunkte_big_bottom.gif) no-repeat;
}

div.cont_ges_punkte_detail_body table {
	width: 623px;
}

div.cont_ges_punkte_detail_body th {
	color: #FFFFFF;
	background-color: #599AD6;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

div.cont_ges_punkte_detail_body td {
	font-size: 12px;
	text-align: left;
	padding: 3px 10px 3px 10px;
}

div.cont_ges_punkte_detail_body td.border_right {
	border-right: solid 1px #599AD6;
}

div.cont_ges_punkte_detail_body td.vertical_align {
	vertical-align: middle;
}

div.cont_ges_punkte_detail_body tr.col_false {
	background-color: #FFFFFF;
}

div.cont_ges_punkte_detail_body tr.col_true {
	background-color: #E7F3FC;
}


/* ######################################################################################################## */
/* /// Gesammelte Punkte Detail ENDE  ///////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */



/* ###################################################################################################### */
/* /// Hilfe-Box  START ///////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.cont_hilfe {
	width: 495px;
}

div.cont_hilfe_oben {
	height: 27px;
	padding-top: 0px;
	background: #fff
		url(/images_css/cont_hilfe_kante_oben_orange_hilfe.gif)
		no-repeat;
}

div.cont_hilfe_mitte {
	border-left: solid 1px #83B5E0;
	border-right: solid 1px #83B5E0;
	margin-top: 0px;
	padding: 15px 10px 15px 10px;
	background-color: #fff;
}

div.cont_hilfe_unten {
	height: 15px;
	padding-top: 0px;
	background: #fff
		url(/images_css/cont_hilfe_kante_unten.gif)
		no-repeat;
}


div.cont_hilfe_520 {
	width: 520px;
}

div.cont_hilfe_520_oben {
	height: 27px;
	padding-top: 0px;
	background: #fff
		url(/images_css/cont_hilfe_520_kante_oben_orange_hilfe.gif)
		no-repeat;
}

div.cont_hilfe_520_mitte {
	border-left: solid 1px #83B5E0;
	border-right: solid 1px #83B5E0;
	margin-top: 0px;
	padding: 15px 10px 15px 10px;
	background-color: #fff;
}

div.cont_hilfe_520_unten {
	height: 15px;
	padding-top: 0px;
	background: #fff
		url(/images_css/cont_hilfe_520_kante_unten.gif)
		no-repeat;
}


/* ###################################################################################################### */
/* /// Hilfe-Box  ENDE ////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* ######################################################################################################## */
/* /// Hilfe-Kasten fuer Schueler/-innen ////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.help_left_right {
	clear: both;
}

img.help_left_image {
	float: left;
	margin: 0 2px 0 1px;
}

img.help_right_image {
	float: right;
	margin: 15px 1px 0 2px;
}

div.help_left_text {
	float: left;
	width: 242px;
	color: #025ea7;
}

div.help_left_text div {
	color: #025ea7;
}

div.help_right_text {
	float: right;
	width: 242px;
	text-align: right;
}

div.help_right_text div {
	float: right;
	text-align: left;
	color: #025ea7;
}


/* ######################################################################################################## */
/* /// Zurücklink mit Pfeil START ///////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


div.cont_back a.rounded_arrow_wide {
	display: block;
	width: auto;
	color: #333;
	background: url(/images_css/pfeil_orange_links.gif) no-repeat;
	padding: 0px 0 0px 25px;
}


div.cont_back a.rounded_arrow {
	display: block;
	width: 150px;
	color: #333;
	background: url(/images_css/pfeil_orange_links.gif) no-repeat;
	padding: 0px 0 0px 25px;
}

div.cont_back a.rounded_arrow:hover,
div.cont_back a.rounded_arrow_wide:hover {
	background: url(/images_css/pfeil_orange_links_hover.gif) no-repeat;
}

div.cont_back a.rounded_arrow:focus,
div.cont_back a.rounded_arrow_wide:focus {
	background: url(/images_css/pfeil_orange_links_down.gif) no-repeat;
	font-weight: bold;
	color: #333;
}


a.rounded_arrow {
	display: block;
	color: #333;
	background: url(/images_css/pfeil_bg_weiss.gif) no-repeat;
	padding: 0px 0 0px 25px;
}

a.rounded_arrow:hover {
	background: url(/images_css/pfeil_bg_weiss_hover.gif) no-repeat;
}

a.rounded_arrow:focus {
	background: url(/images_css/pfeil_bg_weiss_hover.gif) no-repeat;
	font-weight: bold;
	color: #333;
}

tr.col_true a.rounded_arrow {
	display: block;
	color: #333;
	background: url(/images_css/nav_left_box_orange_arrow.gif) no-repeat;
	padding: 0px 0 0px 25px;
}

tr.col_true a.rounded_arrow:hover {
	background: url(/images_css/nav_left_box_orange_arrow_hover.gif) no-repeat;
}

tr.col_true a.rounded_arrow:focus {
	background: url(/images_css/nav_left_box_orange_arrow_down.gif) no-repeat;
	font-weight: bold;
	color: #333;
}


.box_lightblue a.rounded_arrow {
	display: block;
	color: #333;
	background: url(/images_css/nav_right_box_orange_arrow.gif) no-repeat;
}


box_lightblue a.rounded_arrow:hover {
	background: url(/images_css/nav_right_box_orange_arrow_hover.gif) no-repeat;
}

box_lightblue a.rounded_arrow:focus {
	background: url(/images_css/nav_right_box_orange_arrow_down.gif) no-repeat;
	font-weight: bold;
	color: #333;
}


/* ######################################################################################################## */
/* /// Zurücklink mit Pfeil ENDE/////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */



/* ######################################################################################################## */
/* /// Frageaufgaben START ///////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


div.frageaufgaben{
	float:left;
	width:495px;
	}





div.frageaufgaben_oben {
	width:495px;
}


div.frageaufgaben_mitte{
	background: url(/images_css/frageaufgaben_mitte.gif) repeat-y;
	width:495px;
}

div.frageaufgaben_inhalt{
	margin: 10px 15px;
	width:465px;
}


div.frageaufgaben_fragetext{
	width:465px;
	font-weight:700;
}

div.frageaufgaben_antworten{
	width:465px;margin:0; padding:0;
}

div.frageaufgaben_antworten p,
div.box_lightblue_quiz .frageaufgaben_antworten p {
	margin-bottom:3px;padding:0px;
}

div.frageaufgaben_antworten .aufgaben_radio{
	vertical-align:middle;
	margin-bottom:2px;
}

div.frageaufgaben_antworten label{
	vertical-align:middle;
}

div.frageaufgaben_unten{
	background: url(/images_css/frageaufgaben_unten.gif) no-repeat;
	width:495px;	height: 15px;
}



/* ######################################################################################################## */
/* /// Fragebogen ENDE  ///////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


/*
 * Kleine Pfeile in Tabellen
 */
a.arrow {
	background: transparent
		url(/images_css/nav_arrow.gif)
		no-repeat
		scroll
		0 2px;
	padding-left:12px;
}

a.arrow:focus,
a.arrow:hover,
a.arrow.Active {
	background: transparent
		url(/images_css/nav_arrow_RO.gif)
		no-repeat
		scroll
		0 2px;
	padding-left: 12px;
}


/*
 * Fuer die verschiedenen Quiz-Layouts
 */
div#content form .frageaufgaben_antworten td {
	padding-left: 0;
}


/* ######################################################################################################## */
/* /// Flashspiel START /////////////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.cont_game {
	float:left;
	width:644;
}

/* ######################################################################################################## */
/* /// Flashspiel ENDE //////////////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */


/* ######################################################################################################## */
/* /// Statistiken - Horizontaler Bar (Students) ////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

.bar_horiz {
	position: relative;
}

.bar_horiz_points,
.bar_horiz_max_points {
	position: absolute;
	color: #fff;
	font-weight: bold;
}


/* ######################################################################################################## */
/* /// Quiz Additions ///////////////////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

/* MC: Antwort ist richtig  Antwort ist angekreuzt  -  Haken, blauer Text
   - aktuell von Frau Kempf nicht vorgesehen
.feedback_mc_true_true {
	color: #005da8;
}
 */

.feedback_mc_true_true img {
	background: url(/images_css/quiz_richtig.gif);
}

/* MC: Antwort ist falsch   Antwort ist angekreuzt  -  Kreuz, norm. Text
.feedback_mc_false_true {
}
 */

.feedback_mc_false_true img {
	background: url(/images_css/quiz_falsch.gif);
}

/* MC: Antwort ist richtig  Antwort ist nicht angekreuzt  -  nix, blauer Text
   - aktuell von Frau Kempf nicht vorgesehen
.feedback_mc_true_false {
	color: #005da8;
}
 */

.feedback_mc_true_false img {
	background: url(/images_css/quiz_true_false.gif);
}

/* MC: Antwort ist falsch   Antwort ist nicht angekreuzt  -  nix, norm. Text
.feedback_mc_false_false {
}
 */


/* CLOZE: Antwort ist richtig -  blauer Text */
.feedback_cloze_true {
	color: #005da8;
}

/* CLOZE: Antwort ist falsch -  roter Text */
.feedback_cloze_false {
	color: #f00;
}




/* DND: Antwort ist richtig -  Element liegt auf Platzhalter & blauer Rand */
.feedback_dnd_true {
	border: 3px solid #005da8;
	position: absolute;
	top: -3px;
	left: -3px;
}

/* DND: Antwort ist falsch -  Element liegt auf Platzhalter & roter Rand */
.feedback_dnd_false {
	border: 3px solid #f00;
	position: absolute;
	top: -3px;
	left: -3px;
}

/* DND: Richtige Antwort als Feedback -  Element liegt auf Platzhalter & scharzer Rand */
.feedback_dnd_false_feedback {
	border: 3px solid #000;
	position: absolute;
	top: -3px;
	left: -3px;
}


/* Cursor beim hover uebers DND-Element */
div.ui-draggable img,
span.ui-draggable img,
span.ui-draggable span {
	cursor: pointer;
}

/* Cursor beim Bewegen des DND-Elements */
div.ui-draggable-dragging img,
span.ui-draggable-dragging img,
span.ui-draggable-dragging span {
	cursor: move;
}

/* Wenns kein Bild zum draggen gibt, dann den Text als draggable kennzeichnen */
span.draggable_text_only {
	background-color: #d1f0ff;
	line-height: 150%;
	border-top: 2px solid #d1f0ff;
	border-bottom: 2px solid #d1f0ff;
	border-left: 3px solid #d1f0ff;
	border-right: 3px solid #d1f0ff;
}

/* Wenns kein Bild zum droppable gibt, dann den Text als droppable kennzeichnen */
span.droppable_text_only {
	background-color: #88dbfd;
	line-height: 150%;
	border-top: 2px solid #88dbfd;
	border-bottom: 2px solid #88dbfd;
	border-left: 3px solid #88dbfd;
	border-right: 3px solid #88dbfd;
}


/* ######################################################################################################## */
/* /// Orange Text-Buttons auf weiss / blau /////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.button_orange_on_white,
div.button_orange_on_blue {
	display: inline;
	font-size: 13px;
	font-weight: bold;
}

div.button_orange_on_white a {
	background: transparent
		url(/images_css/but_orange_on_white.gif)
		no-repeat
		top left;
	display: block;
	float: left;
	height: 31px;
	margin-right: 15px;
}

div.button_orange_on_blue a {
	background: transparent
		url(/images_css/but_orange_on_blue.gif)
		no-repeat
		top left;
	display: block;
	float: left;
	height: 31px; 
	margin-right: 15px;
}

div.button_orange_on_white a span {
	background: transparent
		url(/images_css/but_orange_on_white.gif)
		no-repeat
		right top;
	cursor: pointer;
	display: inline;
	float: left;
	height: 18px;
	padding: 4px 24px 9px 9px;
	margin-left: 10px;
	overflow: visible;
	color: #fff;
}

div.button_orange_on_blue a span {
	background: transparent
		url(/images_css/but_orange_on_blue.gif)
		no-repeat
		right top;
	cursor: pointer;
	display: inline;
	float: left;
	height: 18px;
	padding: 4px 24px 9px 9px;
	margin-left: 10px;
	overflow: visible;
	color: #fff;
	line-height: 18px;
}

div.button_orange_on_white a:hover,
div.button_orange_on_blue a:hover {
	background-position: 0px bottom;
	color: #fff;
	text-decoration: none;
}

div.button_orange_on_white a:hover span,
div.button_orange_on_blue a:hover span {
	background-position: right bottom;
	color: #fff;
	overflow: visible;
}


/* ######################################################################################################## */
/* /// Ausdrucken von Passwortlisten ////////////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.abschnitt{
  border-top: 1px dashed black;
  padding-top: 1em; 
  padding-bottom: 1em;
  page-break-inside: avoid; 
  page-break-after: auto;
}
div.abschnitt span {
  font-size: 12pt;
}

div.abschnitt span.left {
  width: 50%;
}

div.abschnitt span.right {
  float: right;
  width: 50%;
}

div.pagebreak {
  page-break-before: always;
  height: 1cm;
}


/* ######################################################################################################## */
/* /// Text-Links, die erkennbar sein sollen ////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

a.underline {
	text-decoration: underline;
}

a.underline:hover {
	color: #000;
}


/* ###################################################################################################### */
/* /// Startseiten-TAB-Boxen: Misc. ///////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.trenner_start {
	display: block;
	height: 16px;
	clear: left;
	line-height: 1px;
}

.start_breit h1,
.start_breit h2,
.start_mittel h1,
.start_mittel h2,
.start_schmal h1,
.start_schmal h2,
.start_drittel h1,
.start_drittel h2,
.start_viertel h1,
.start_viertel h2 {
	margin-top: 0px;
	color: #005ea8;
}


/* Buttons aehnlich zu denen in der linken Navi-Leiste: */
.start_breit a.rounded_arrow,
.start_mittel a.rounded_arrow,
.start_schmal a.rounded_arrow,
.start_drittel a.rounded_arrow,
.start_viertel a.rounded_arrow {
	display: block;
	color: #333;
	background: url(/images_css/nav_left_box_orange_arrow.gif) no-repeat;
	margin: 6px 20px 8px 10px;
	padding: 2px 0 4px 25px;
}


.start_breit a.rounded_arrow:hover,
.start_mittel a.rounded_arrow:hover,
.start_schmal a.rounded_arrow:hover,
.start_drittel a.rounded_arrow:hover,
.start_viertel a.rounded_arrow:hover {
	background: url(/images_css/nav_left_box_orange_arrow_hover.gif) no-repeat;
}

.start_breit a.rounded_arrow.active,
.start_breit a.rounded_arrow:focus,
.start_breit a.rounded_arrow:active,
.start_mittel a.rounded_arrow.active,
.start_mittel a.rounded_arrow:focus,
.start_mittel a.rounded_arrow:active,
.start_schmal a.rounded_arrow.active,
.start_schmal a.rounded_arrow:focus,
.start_schmal a.rounded_arrow:active,
.start_drittel a.rounded_arrow.active,
.start_drittel a.rounded_arrow:focus,
.start_drittel a.rounded_arrow:active,
.start_viertel a.rounded_arrow.active,
.start_viertel a.rounded_arrow:focus,
.start_viertel a.rounded_arrow:active {
	background: url(/images_css/nav_left_box_orange_arrow_down.gif) no-repeat;
	font-weight: bold;
	color: #333;
}

/* ###################################################################################################### */
/* /// Startseiten-TAB-Box, oben die breite ///////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.start_breit {
	width: 655px;
	background-color: #e6f3fc;
}

div.start_breit_oben {
	height: 29px;
	padding-top: 0px;
	background: url(/images_css/start_breit_oben.gif)
		no-repeat;
}

div.start_breit_mitte {
	margin-top: 0px;
	padding: 0;
	background-color: #e6f3fc;
}

div.start_breit_unten {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_breit_unten.gif)
		no-repeat;
}


/* ###################################################################################################### */
/* /// Startseiten-TAB-Box, in der Mitte links ////////////////////////////////////////////////////////// */
/* /// Hinweis: Das CSS fuer die TABs finden sich in coda-slider-2.0.css (.coda-nav-2) ////////////////// */
/* ###################################################################################################### */

div.start_mittel {
	width: 462px;
	background-color: #e6f3fc;
	margin-right: 13px;
	float: left;
}

div.start_mittel_oben {
	height: 29px;
	padding-top: 0px;
	background: url(/images_css/start_mittel_oben.gif)
		no-repeat;
}

div.start_mittel_mitte {
	margin-top: 0px;
	padding: 0;
	background-color: #e6f3fc;
}

div.start_mittel_unten {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_mittel_unten.gif)
		no-repeat;
}


/* ###################################################################################################### */
/* /// Startseiten-TAB-Box, in der Mitte rechts (die schmale) /////////////////////////////////////////// */
/* ###################################################################################################### */

div.start_schmal {
	width: 180px;
	background-color: #e6f3fc;
	margin-right: 13px;
	float: left;
}

div.start_schmal_oben {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_schmal_oben.gif)
		no-repeat;
}

div.start_schmal_mitte {
	margin-top: 0px;
	padding: 0;
	background-color: #e6f3fc;
}

div.start_schmal_mitte h2,
div.start_schmal_mitte p {
	margin-left: 8px;
	margin-right: 7px;
}

div.start_schmal_unten {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_schmal_unten.gif)
		no-repeat;
}


/* ###################################################################################################### */
/* /// Startseiten-TAB-Box, Breite: "Ein Drittel" /////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.start_drittel {
	width: 210px;
	background-color: #e6f3fc;
	margin-right: 13px;
	float: left;
}

div.start_drittel_oben {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_drittel_oben.gif)
		no-repeat;
}

div.start_drittel_mitte {
	margin-top: 0px;
	padding: 0;
	background-color: #e6f3fc;
}

div.start_drittel_mitte h2,
div.start_drittel_mitte p {
	margin-left: 8px;
	margin-right: 7px;
}

div.start_drittel_unten {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_drittel_unten.gif)
		no-repeat;
}


/* ###################################################################################################### */
/* /// Startseiten-TAB-Box, Breite: "Ein Viertel" /////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.start_viertel {
	width: 154px;
	background-color: #e6f3fc;
	margin-right: 13px;
	float: left;
}

div.start_viertel_oben {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_viertel_oben.gif)
		no-repeat;
}

div.start_viertel_mitte {
	margin-top: 0px;
	padding: 0;
	background-color: #e6f3fc;
}

div.start_viertel_mitte h2,
div.start_viertel_mitte p {
	margin-left: 8px;
	margin-right: 7px;
}

div.start_viertel_unten {
	height: 8px;
	padding-top: 0px;
	background: url(/images_css/start_viertel_unten.gif)
		no-repeat;
}


/* ###################################################################################################### */
/* /// Automat zum Auswaehlen von Aufgaben ////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

#automat_panel {
	position: absolute;
	top: 125px;
	left: 792px;
	width: 184px;
	height: 461px;
}

#automat_lampe_rot {
	position: absolute;
	top: 1px;
	left: 55px;
}

#automat_pupille_links {
	position: absolute;
	top: 34px;
	left: 73px;
}

#automat_pupille_rechts {
	position: absolute;
	top: 34px;
	left: 144px;
}

/* topic */

#eseries_topic_image_panel {
	position: absolute;
	top: 107px;
	left: 53px;
	width: 98px;
	height: 57px;
	/* background-color: #162c54; (stoert beim langsamen Laden) */
}

#eseries_topic_image_selector {
	position: absolute;
	top: 0;
	left: 0;
	width: 98px;
	/* height in Abhaengigkeit von der Anzahl der topics (via js) */
}

#eseries_topic_text_panel {
	position: absolute;
	top: 72px;
	left: 52px;
	width: 115px;
	height: 19px;
	/* background-color: #4254b0; (stoert beim langsamen Laden) */
}

#eseries_topic_text_selector {
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	/* height in Abhaengigkeit von der Anzahl der topics (via js) */
}

#eseries_topic_up {
	position: absolute;
	top: 112px;
	left: 156px;
}

#eseries_topic_down {
	position: absolute;
	top: 136px;
	left: 156px;
}

/* grade */

#eseries_grade_image_panel {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 83px;
	width: 54px;
	height: 38px;
	/* background-color: #162c54; (stoert beim langsamen Laden) */
}

#eseries_grade_image_selector {
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	/* height in Abhaengigkeit von der Anzahl der grades (via js) */
}

#eseries_grade_up {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 156px;
}

#eseries_grade_down {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 156px;
}

/* season */

#eseries_season_image_panel {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 55px;
	width: 97px;
	height: 97px;
	/* background-color: #162c54; (stoert beim langsamen Laden) */
}

#eseries_season_image_selector {
	position: absolute;
	top: 0;
	left: 0;
	width: 97px;
	height: 97px;
}

#eseries_season_image_selector img {
	position: absolute;
	display: none;
}

#eseries_season_text_panel {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 52px;
	width: 115px;
	height: 19px;
	/* background-color: #4254b0; (stoert beim langsamen Laden) */
}

#eseries_season_text_selector {
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 19px;
}

#eseries_season_text_selector img {
	position: absolute;
	display: none;
}

#eseries_season_up {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 156px;
}

#eseries_season_down {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 156px;
}

/* ok-button */

#automat_ok_button {
	position: absolute;
	/* top in Abhaengigkeit von grosser/kleiner Automat */
	left: 87px;
}