/*Start-Seite*/
.extreme_warning{
	width: 100%;
	height: 800px;
	font-size: 2em;
}
.extreme_warning .big {font-size: 2em;}
#rules {
	float: right;
	width: 220px;
	font-size: 0.9em;
    clear: right;
}

.battle_setting{
	margin-bottom: 20px;
}
.battle_setting h4{text-align: center;}
.battle_setting p{margin-top: 0.7em;margin-bottom: 0.0em;}
.battle_setting .answer{
	text-align: right;
	font-style: italic;
	color: #F8931D;
	margin-top: 0.1em;
}
.two-cols{
	width:400px; 
	display: inline-block;
}

/*eiegntlcihes Spiel */
.exercise_form {
	margin-top:30px;
	text-align: center;
}

.exercise_form  table{
	margin: 0 auto; /*width: 500px;*/
	width: 600px;
}

img.response {margin-right: 5px;}
/*#response {line-height: 1.5em; }*/
#response  h4{margin: 8px 0 0 0;}
#response a img {margin: 5px; }
.exercise_question a img {margin: 5px; }
.solution  h4{margin: 8px 0 0 0;}

.koord_form  {width: 470px; margin: 8px;}
.koord_form input, .point_form  input, .gerade_form  input, .vector_form  input {width : 25px; font-size: 10pt;}
.value_form input {width : 40px; font-size: 10pt;}
.binom_form input {width : 80px; font-size: 10pt;}
.verb_form input {width : 160px; font-size: 13pt;}
.koord_form select, .point_form select {height : 20px; font-size: 10pt;}
.koord_form span {margin: 0 8px;}
.radio_form {width: 620px; text-align: left; margin: 0 auto; margin-top: 15px;border: 1px dotted #ccc; font-size: 0.9em;}
.radio_form  table {border: 0px solid; width: 100%}
.radio_form  table tr {background: #fff; }
.radio_form  table tr td {padding: 2px; }
.value_exerc_form {border: 0px solid; width : 600px; margin : 0 auto; margin-top : 30px; margin-bottom : 30px; font-size : 150%;}
.term_form #control {border: 2px solid #aaa; padding : 15px; background: #ccc; width:400px; margin : 0 auto;}
table.e_wert_table {border-collapse: collapse;}
table.e_wert_table  tr  {background: #fff;}
table.e_wert_table  tr td {border: 1px solid #888;}
table.e_wert_table  tr td.td_caption {text-align: center;}
table.e_wert_table  tr td input{text-align: right;width:70%;}
img.response {float: left; clear: left;}
.checks p {margin-left: 40px;}

.toggle_link {font-size: 0.9em;font-weight: bold;font-style:italic;color: #000099;cursor: pointer;}
.detail {font-size: 0.9em;border: 0px dashed; padding: 5px; background-color: #ddd;}

.theme_tree {float: left; width: 400px;list-style-type: none;}
.theme_tree   li a{color: #25395E;}
.theme_tree   ul{list-style-type: none;}
.theme_tree  .layer2, .theme_tree  .layer3,.theme_tree  .layer4,.theme_tree  .layer5,.theme_tree  .layer6,.theme_tree  .layer7  {display: none;}
.theme_tree  .visible {display: block;}
#theme_tree {float: left; width: 400px;list-style-type: none; margin-bottom: 15px; padding-bottom: 10px;}
#theme_tree   li a{color: #25395E;}
#theme_tree   ul{list-style-type: none;}
#theme_tree  .layer2, #theme_tree  .layer3,#theme_tree  .layer4,#theme_tree  .layer5,#theme_tree  .layer6,#theme_tree  .layer7  {display: none;}
#theme_tree  .visible {display: block;}
#content_column, .content_column  {padding: 4px 15px 15px 15px; margin-left: 400px;}
#choosen_contents  {min-height: 300px; position: relative; padding-bottom: 40px;}

.ch_content, .sub_questions, .qu_answer {
	border: 1px solid #666;
	padding: 3px;
	font-size: 0.85em;
	min-height: 45px;
	background: #ccc;
	position: relative;
}
.ch_content_mc {background: #ccf;}
.ch_content, .sub_questions{padding: 3px;}
.qu_answer {padding: 1px;margin-bottom: 2px;}
.sub_questions_content {margin: 0px 125px 0px 25px; text-align: right;}
.sub_questions_content  textarea {height: 30px;}
.questions_answer {margin: 0px 05px 0px 05px;padding: 0px;}
.questions_answer p{display: inline-block;margin: 0px; margin-top: 5px; }
.questions_answer input {display: inline-block;margin-top: 5px; }
.questions_answer  textarea {height: 30px;display: inline-block;width: 75%;}

.ch_content div.div_r {float: right; padding: 0px;padding-right: 12px;font-style: italic;}
.ch_content select {font-size: 1.1em;}
.ch_content a.del_lnk ,.del_bu{position: absolute; right: 2px; top: 2px;}
.ch_content div.mh_div {position: absolute; left: 2px; bottom: -2px; margin-bottom: 0px; padding: 0px;}
.ch_content .von_button , .ch_content .bis_button {padding:0px}
/*.ch_content .bis_button {position: absolute; left: 2px; top: 42px; }*/
.ch_content .von_button input, .ch_content .bis_button input {width: 50px; height: 18px; font-size: 12px;}
#last_id_choose_div { position: absolute; width: 800px; left: 100px; top: 200px; border: 1px solid; min-height: 400px;display: none}
#last_id_choose_div  .theme_tree{ width: 700px;}

.sub_qu_order {float: left; width: 20px; border : 0px solid; padding: 0px; font-size: 1.7em; line-height: 2.1em;}
.ans_order {width: 20px; border : 0px solid; padding: 0px;margin: 0px; font-size: 1.7em; line-height: 2.1em;}
.ans_order img{ margin: 3px; }
.ans_order p{ margin: 0px; }
.ans_order input{ margin: 0px; display:inline-block;padding: 0px;}

#random_start {text-align: center; margin-top:50px;}

#contents { margin-left: 440px;min-height: 500px; background: #fff; border: 1px dashed #bbb; padding: 8px;}
#contents  li{ margin-bottom: 0.4em;}

#other_inputs {
	float: left;
	/*clear: left;*/
	width: 400px;
}


.lgs {max-width:340px;}
.lgs_step {border-bottom: 3px solid #ccc;margin-bottom: 2px; max-width:350px;}
.lgs_step table.nude tr td {padding:  0 0 0px 0;}
.lgs_explain{font-size: 0.8em; font-style: italic; color: #888;text-align: right;line-height: 0.9em}
.lgs_solution{text-align: center;font-weight: bold;}
mtable.lgs_t mtr mtd {text-align: right;}
mtable.lgs_t mtr mtd mo{padding: 0px; margin: 0 4px;}
.lgs_slow {background: #eee; padding: 4px;border: 1px dotted #888;font-size: 0.85em;display: none}
 
table.equa_table {width: auto;}
table.equa_table tr {background: rgba(255,255,255,0.0);}
table.equa_table tr td {width:auto; padding: 2px; vertical-align: middle;}
.in_blue td, .in_blue mtd , mtd .in_blue {color: blue;}
.in_red td {color: red;}													   
 
.substi{
	padding: 10px;
	margin-left: 30px;
	background: #ddd;
}	
 
 
 .battle_start form {
	clear: none;
}
.score { font-size: 8pt; width: 40px; border: 0px solid; padding-left:2px;}
#highscore {
	width: 200px;
	float: left;
	border-right: solid 3px #aaa;
	font-size: 0.8em;
	height: 100%;
}
#highscore  h4{ text-align: center; font-size: 1.3em;}
#highscore  table tr td {padding: 3px;}
#users_stats { position: absolute; top: 230px; left: 100px;}

#aufgabe {
	margin-left:230px;	
	min-height: 400px;			   
}

#edu_contents{ border: 1px solid #aaa; margin-top:5px; background: #fff;}
#content_choose{
	width: 700px;
	text-align: left;
	
	margin-top: 15px;
}
#content_choose label span {display: inline-block; border: 0px dotted; }
/*battle_edit*/
.small_description {
	font-size: 8pt;
	font-style: italic;
	margin-top: -12px;
}
.only_top_margin {
	margin-top: 50px;
	margin-bottom: -5px;
}
.rounded_border_left {
	border: 0px solid;
	border-radius: 6px 0px 0px 6px ;
}
.rounded_border_right_bottom {
	border: 0px solid;
	border-radius: 0px 6px 6px 6px ;
}


#group_choose label {
    display: block;
    line-height: 1.8em;
}
/* Für das "neue Individualisierungsgruppe anlegen" Icon */
.inline-add-group {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}

.eduBattles_index { font-size: 0.8em;}
.eduBattles_index  .kurs{ font-size: 0.8em;}

.app_txt_bu {
	margin-right:10px;
}
/*edu_battle_stat-Helper*/
#EduBattleStat{
	border: 1px solid #263961;
	margin:3px;
	margin-top: 8px;
	background: #ccc;
	/*background: #CEE0FF;*/
	/*background: -moz-linear-gradient(center top , #CEE0FF, #88AEEE) repeat scroll 0 0 #688EEE;*/
    border-radius: 4px 4px 4px 4px;
	padding: 4px;
	box-shadow: 3px 3px 5px #888;
	font-size: 0.8em;
	overflow: hidden;
}

#EduBattleStat h3{ 
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #444;
}
#EduBattleStat  .fleft {	padding-left: 15px;clear: both; }
#EduBattleStat  .fright{  margin-right: 20px;}

.all_stats {
	display: none;
	position: absolute;
	right: 2px;
	top: 320px;
}
#all_stats {
	width: 700px;
	text-align: right;
}
#rules .unsubscribe{
	margin-top: 35px;
	text-align: right;
	font-size: 0.8em;
}
#all_stats table{	font-size: 10pt;}
#all_stats h2{background: none; text-align: center;}

#all_users_stat {
	width: 850px;
	font-size:  10pt;
	border: 1px solid #bbb;
}
#all_users_stat2 {
	border: 1px solid #bbb;
}
#detail_stat {
	position: absolute;
	width: 600px;
	margin-left: 200px;
	top: 280px;
}
.highscorebalken{
	position:absolute; 
	bottom: 45px;
	text-align: center;
	padding: 4px 0px;
}

/* Teilaufgaben beim Zeigen der Aufagen*/
.subtask_form { text-align: left; margin-left: 40%}
ol.subtask { list-style-type:lower-alpha;}
ol.subtask li:before { content: ") ";}

/*Verbs*/
#verbs_form input{width: 250px;}
#verbs_form div.checkbox input{width: 20px;}
#verbs_form .only1 input{	text-align: right;}
#verbs_form .only1 label{	margin: 12px 0px 3px 0px;}
.verb_view h3{margin: 12px 0px 0px 0px}
.verbs_show div {
	display: inline-block;
	font-size: 1.2em;
	width:250px;
	border: 0px solid;
}	
ol.index_alpha {margin-left: 50px;}

/*Binomial*/
.binom_before, .binom_after, .binom_rest{
	display: inline-block;
	width: 30px;
	border: 1px solid #aaa;
	text-align: center;
}	
.binom_before { background: #F8931D;}
.binom_after{ background: #34476F; color: #ccc;}
.binom_ohne_border {display: inline-block;}
.binom_column  {
	float: left;
	width: 20px;
	height: 150px;
	font-size: 8pt;
	text-align: center;
	margin:0px;
	position: relative;
}	
.binom_column  div {position: absolute; bottom: 0px; width: 100%;border: 1px solid #333;}
.binom_diagramm {height: 180px; margin-top: 20px;  }

.discret {font-size: 0.8em; margin-top: -10px;text-align: center; line-height: 1.2em;}

.comment { color: #888; font-size: 0.85em; font-style: italic;}

.bordertop {border-top: 3px solid #ccc;}

/*--Unterstufe/natürliche Zahlen, Autor: Götz --*/
#schriftlich {margin-left:20%;margin-right:20%}

.schriftlich_tabelle{margin-left:10%; margin-right:10%; width:80%;margin-top:2em;color:#0000ff;
					 border-color: #d9d9d9; font-size:1.5em;}
					 
.schriftlich_zeile{background : #d9d9d9;}     /*bezieht sich auf tr*/
.schriftlich_uebertrag {background-color:#d9d9d9;}   /*bezieht sich auf tr*/

.schriftlich_ziffer{width:5%; text-align: center; color : blue;}    /*bezieht sich auf td*/
.schriftlich_uebertrag_ziffer {background-color:#d9d9d9; color : red; font-size : 0.5em; text-align: right;}   /*bezieht sich auf td*/


.schriftlich_niedrig{background-color:#555;border-right-width: 2px; border-right-color:#555;border-right-style: solid;
										   border-left-width: 2px;  border-left-color:#555; border-left-style: solid;
					}					/* bezieht sich auf td */

.note {
	border: 1px solid #aaa;
	border-radius: 7px;
	padding: 6px !important;
	text-align: center;
	background: #eee;
	margin: 5px 0 !important;	
	font-size: 0.75em;
}
.note p {margin-bottom: 8px;}	

.blau {color: #11a;}
.correct{
	background: rgba(70,255,70,0.5);
	padding: 2px;
}
.correct table,.not_correct table {width:390px;}
.not_correct{
	background: rgba(255,70,70,0.5);
	padding: 2px;
}
span.old_font, div.old_font{
	font-family: Times New Roman;
}							
.label_highscore {display: inline;}
.ml30 {margin-left: 30px;}
#highscore1, #highscore0 {float: none;}

.stat_graphic{
	background: red; 
	border: 1px solid;
	color: #000; 
	font-size: 1em;
}

.congratulation{
	border: 1px solid #0f0;
	border-radius: 15px;
	background: #080;
	padding: 1em;
	width: 30em;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
}

.congrat2{
	font-size: 2em;
	font-weight: bold;
	color:#fff;
}

.bonus{
	color:#fff;
	font-size: 1.5em;
	font-weight: bold;
}
.sorry{
	border: 1px solid #555;
	border-radius: 15px;
	background: #f88;
	padding: 1em;
	width: 30em;
	margin: 0 auto;
	text-align: center;
	font-size: 1.2em;
}
.next_prev{
	margin: 5px 25px;
	padding: 0px 5px 12px 5px;
	border: 1px dotted #aaa;
	float: left;
	text-align: center;
	font-style: italic;
}
.next_prev span {line-height: 30px;}
h2.aufgabe{
	clear: left; 
	float: left;
}
h3.typ{
	float: left; 
	margin-left: 30px; 
	padding-top: 5px;
}
.overview_types {
	float: right; 
	width: 150px;
	text-align: center;
	background: #ddd;
	padding: 10px;
	border: 1px solid #aaa;
	border-radius: 5px;
}
#feedback{
	display: none;
	border: 1px dotted;
	padding:10px;
	margin:20px;
}
table.vft {max-width: 400px; border-collapse: collapse;}
table.vft td,table.vft th {
	text-align: center;
	border: 1px solid #888;
}	
table.vft td{ background: #fff;}
table.vft th{ background: #bbb;min-width:70px;}
table.vft td.inner{ background: #ccf;}
.akt{color:#080;font-weight: bold;}
.calced{color:#00b;font-weight: bold;}
.vft_label{font-size: 0.7em;font-style:italic;}
.vft_baum_l{font-weight: bold;position: absolute; font-size:1.2em;}
.vft_baum_kl{position: absolute; font-size:0.9em;}

table.s_add {
	background-color: #eee;
	border-collapse: collapse;
	border-spacing: 0px; 
}
table.s_add tr {
	background-color: #eee;
}
table.s_add tr td {
	border: 1px solid #888; 
	text-align: center;
	width: 1em;
	padding: 2px;
}
table.s_add tr td.empty{
	border: 0px solid #fff; 
	background-color: #fff;
}
.new_target{
	border: 1px dotted #888;
	margin-bottom: 3px;
	padding-bottom: 6px;
	font-size: 0.75em;
	background: rgba(255,170,50,0.5);
}
.bit, .bit_ue {
	width: 14px;
	font-family: Courier New,monospace;
}
.bit {
	text-align: center;
	padding: 1px;
	line-height: 14px;
	font-size:22px;
}
.bit_ue {
	text-align: right;
	padding: 0px;
	width: 15px;
	font-weight: bold;
	line-height: 3px;
	margin-top: -18px;
	color: #888;
}
.inp_bit{
	background: #ddd;
	text-align: center;
	width: 10px;
	margin: 0px;
	padding: 0px; 
	font-size: 18px;
}
table.bittable tr {background: #fff;}
.botbor{
	border-bottom:2px solid #000;;
}
.fett{ font-weight: bold;}
.lh22{line-height: 22px;}
.lh34{line-height: 34px;}
.help_request{
	float: right;
	border: 1px solid #0a0;
	border-radius: 5px;
	width: 280px;
	padding: 3px;
	background: rgb(150,255,150,0.3);
	text-align: center;
}
.help_table{
	width: 95%;
	font-size: 0.8em;
}
.css_mh{font-weight: bold;}
.css_n2h{font-style: italic;}

.transpa p{ color: rgba(128,128,128,0.5);}
.p_edited {padding: 5px; border: 2px dotted #f00; margin: 5px;}