/*Allgemeine styles  f�r die �bungen*/
th {
    font-size: 14px;
    font-weight: normal;
}
#uebung {
   width: 760px;
   background-color: #F4F4F4;
   padding: 10px;
}
#uebung table {
   background-color: #ccc;
   border: 1px solid black;
   border-spacing:0px;

}
#uebung td {
   text-align: right;
   background-color:#F4F4F4;
}
#uebung .submit {
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   width: 35px;
}
#uebung input{
   background-color: #DDDDDD;
   border: none;
}
#uebung select {
   margin-top: 10px;
   margin-bottom: 10px;

}
#uebung .red {
   background-color: red !important;
}
#uebung .green {
   background-color: #27CF26 !important;
}
#summe {
   text-align: right;
}
/* Styles f�r die �bung H�ufigkeitstabelle erg�nzen 1*/
#haeufigkeitstabelle_ergaenzen_1 {
   width: 780px;
}
#haeufigkeitstabelle_ergaenzen_1 input {
   width:30px;
   text-align:right;
   border: 1px solid black;
   padding-right:4px;
   margin-top:2px;
   height:16px;
}

#haeufigkeitstabelle_ergaenzen_1_daten, #haeufigkeitstabelle_ergaenzen_1_rechnung{
   float: left;
   margin-right:20px;
}

#haeufigkeitstabelle_ergaenzen_1 td, #haeufigkeitstabelle_ergaenzen_1 th {
   height:25px;
   text-align:center;
   font-size: 11px;
}
#haeufigkeitstabelle_ergaenzen_1_daten table{
   width:260px;
   table-layout:fixed;
}

#haeufigkeitstabelle_ergaenzen_1_rechnung td {
   padding: 0px;
}
/*Styles f�r die �bung H�ufigkeitstabelle erg�nzen 2*/
#haeufigkeitstabelle_ergaenzen_2{
   width: 780px;
}
#haeufigkeitstabelle_ergaenzen_2 input {
   width:30px;
   text-align:right;
   border: 1px solid black;
   padding-right:4px;
   margin-top:2px;
   height:16px;
}

#haeufigkeitstabelle_ergaenzen_2_daten, #haeufigkeitstabelle_ergaenzen_2_rechnung{
   float: left;
   margin-right:20px;
}

#haeufigkeitstabelle_ergaenzen_2 td, #haeufigkeitstabelle_ergaenzen_2 th {
   height:25px;
   text-align:center;
   font-size: 11px;
}
#haeufigkeitstabelle_ergaenzen_2_daten table{
   width:260px;
   table-layout:fixed;
}

#haeufigkeitstabelle_ergaenzen_2_rechnung td {
   padding: 0px;
}
#n {
   text-align: right !important;
   font-weight:bold;
}
#summe {
   text-align: right !important;
   background-color: #F4F4F4 !important;
   width: 32px;
}

.plus, .gleich{
   width:20px;
   text-align:center;
}



/*Styles f�r die �bung H�ufigkeitsdiagramm*/
.spacer {
   height: 400px;
}
#charting {
   position: relative;
   float: left;
   margin-left: 20px;
   height: 400px;
   width: 380px;
}
#dataTable {
   position: relative;
   float: left;
}
#dataTable td{
   border: 1px solid #DDDDDD;

}
#chart1 {
   height: 150px;
   margin-left: 30px;
   border: 1px solid #ddd;
}
#chart2 {
   height: 300px;
   width: 350px;
   margin-left: 30px;
/*    border: 1px solid #ddd; */
}

/*
Styles f�r die �bung Punktediagramme
*/
#charting_punktdiagramm{
   float: left;
   height: 400px;
   width: 380px;
}
#submit_punktediagramm{
   float:left;
}


/*
Styles f�r die �bung Kreisdiagramm

*/
#kreisdiagramm {
   margin-left: 20px;
}
#kreisdiagramm_table {
   float: left;
}

#kreisdiagramm_charting {
   float: left;
}
#kreisdiagramm_charting canvas {

}
#kreisdiagramm_table table {
   width: 350px;
}
#kreisdiagramm_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#submit_kreisdiagramm {
   /*position: absolute;*/
   /*left: 360px;*/
   /*top: 700px;*/
   /*display:none;*/
}

/*
Styles f�r die �bung Balkendiagramm

*/
#balkendiagramm {
   margin-left: 20px;
}
#balkendiagramm_table {
}
#balkendiagramm_flot canvas {
   background-color: transparent;
}
#balkendiagramm_table table {
   width:100%;
}
#balkendiagramm_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#balkendiagramm_flot{
   float: left;
   height: 400px;
   width: 380px;
}
#balkendiagramm_neueWerte {
   left: 0;

}
#submit_balkendiagramm {
   left: 0;
}

#col_left{
   float:left;
   width:250px;
   margin-right:30px;
}

/*
Styles f�r die �bung Standartabweichung
      */
.select{
   cursor: pointer;
}
#standardabweichung_table td.selected{
   background-color: rgb(209,229,239);
}
#standardabweichung {
   margin-left: 20px;
}
#standardabweichung_table {
}
#standardabweichung_flot canvas {
   background-color: transparent;
}
#standardabweichung_table table {
   width:100%;
}
#standardabweichung_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#standardabweichung_flot{
   float: left;
   height: 400px;
   width: 380px;
}
#standardabweichung_neueWerte {
   left: 0;

}
#submit_standardabweichung {
   left: 0;
}


/*
Styles f�r die �bung Dispersionsma�e Zusammenfassung
*/
#dispersionsmasse_zusammenfassung {
}
#dispersionsmasse_zusammenfassung_table {
}
#dispersionsmasse_zusammenfassung_table table {
   width:250px;
}
#dispersionsmasse_zusammenfassung_table td {
   border: 1px solid #DDDDDD;
   padding: 5px;
}
#select_dispersionsmasse_zusammenfassung{
}
.select{
   cursor: pointer;
}
#dispersionsmasse_zusammenfassung_table .selected{
   background-color: #B2D1E0;
}
.hidden{
   display: none;
}
#dispersionsmasse_zusammenfassung_table td{
   height: 23px;
}
.shown {
   background-color: transparent !important;
   text-align: right;
   display:block;
}
.dispersionsmass_wert{
   width:40px;
}


/*
Styles f�r die �bung Polygonzug
*/

   #polygonzug {
   margin-left: 20px;
}
#polygonzug_table {
}
#polygonzug_flot canvas {
   background-color: transparent;
}
#polygonzug_table table {
   width:100%;
}
#polygonzug_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#polygonzug_flot{
   float: left;
   height: 400px;
   width: 380px;
}
#submit_polygonzug {
   left: 0;
}
/*
#polygonzug {
   margin-left: 20px;
}
#polygonzug_table {
}
#polygonzug_table table {
   table-layout: fixed;
}
#polygonzug_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#select_polygonzug{
   float: left;
}
.select{
   cursor: pointer;
}
#polygonzug_table .selected{
   background-color: #B2D1E0;
}
.hidden{
   display: none;
   width : 100px;
}
#polygonzug_table td{
   height: 23px;
}
.shown {
   background-color: transparent !important;
   display: block;
   height: 15px;
   margin-top: 2px;
   width: 40px;
   left: 0;
   text-align: right;
}
#polygonzug_flot{
   position: relative;
   float: left;
   margin-left: 50px;
   height: 400px;
   width: 380px;
}
#submit_polygonzug {
}
#polygonzug_neueWerte {
}
*/
/*
Styles f�r die �bung Histogramm
*/
#histogramm {
   margin-left: 20px;
}
#histogramm_table {
}
#histogramm_flot canvas {
   background-color: transparent;
}
#histogramm_table table {
   width:100%;
}
#histogramm_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#histogramm_flot{
   float: left;
   height: 400px;
   width: 380px;
}
#histogramm_neueWerte {
   left: 0;

}
#submit_histogramm {
   left: 0;
}

#col_left{
   float:left;
   width:250px;
   margin-right:30px;
}
/*
#histogramm {
   margin-left: 20px;
}
#histogramm_table {
   float: left;
}
#histogramm_table table {
   table-layout: fixed;
}
#histogramm_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#select_histogramm{
   float: left;
}

.select{
   cursor: pointer;
}
#histogramm_table .selected{
   background-color: #B2D1E0;
}

#histogramm_table td{
   height: 23px;
}
.hidden{
   display: none;
   width : 100px;
}
.shown {
   background-color: transparent !important;
   display: block;
   height: 15px;
   margin-top: 2px;
   width: 40px;
   left: 0;
   text-align: right;
}
#histogramm_flot{
   float: left;
}
#submit_histogramm {
   float: left;
}
#histogramm_neueWerte {
   float: left;
}
#canvas_histogramm {
   width: 500px;
   height: 400px;
}
*/

/*
Styles f�r die �bung Haeufigkeitsdiagramm
*/
#haeufigkeitsdiagramm {
   margin-left: 0px;
   margin-top: 20px;
}
#haeufigkeitsdiagramm_table {
   float: left;
   margin-left: 0;
}
#haeufigkeitsdiagramm_table table {
 /*  table-layout: fixed;*/
   width:300px;
   margin-left:0px;
}
#haeufigkeitsdiagramm_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}
#select_haeufigkeitsdiagramm{
}
.select{
   cursor: pointer;
}
#haeufigkeitsdiagramm_table .selected{
   background-color: #B2D1E0;
}
#haeufigkeitsdiagramm_table td{
   height: 23px;
}
#haeufigkeitsdiagramm_charting{
   float: left;
   height: 400px;
   width: 380px;
   margin-left:30px;
}
#canvas {
}
/*
Styles f�r die �bung Anwendung
*/
   

#anwendung_table1, #anwendung_table2{
   float:left;
   margin-right:20px;
   margin-top: 100px;
}

#anwendung table {
   width:350px;
}

#anwendung table td {
   border: 1px solid #DDDDDD;
   padding: 5px;
   height:23px;
}

#select_anwendung1, #select_anwendung2{
   float: left;
   margin-left:30px;
}

#anwendung .selected{
   background-color: #B2D1E0;
}

#anwendung_charting1, #anwendung_charting2{
   float: left;
   height: 400px;
   width: 300px;
}

#canvas1 {
   float: left;
}

td.middle {
   vertical-align: middle;
}

/*
Styles f�r die �bung Standardisierung
*/

#standardisierung_charting {
   width: 220px;
   height: 200px;
}
#standardisierung_charting1{
   width: 220px;
   height: 190px;
}

#standardisierung_charting2{
   width: 220px;
   height: 200px;
}
#standardisierung_table {
   width: 700px;
   height: 400px;
}
#standardisierung_table td{
   text-align: center;
}
/*
   Styles f�r die �bung Prozentwerte
*/
#anmerkung {
   margin-right: 60px;
}
#anmerkung_grafik {
   display: none;
   position: absolute;
   margin-right: 40px;
   z-index: 10000;

}
#select_prozentwerte1 {

}
#select_prozentwerte2 {

}
#rechnung {
   margin-top: 20px;
   margin-left: 0px;
   margin-right: 10px;
}



#ee_table_wrapper {
   position: relative;
   float: left;
   height: 300px;
   width: 200px;
   overflow: auto;
   left:0 px;
   border: 1px solid black;
}

#alter_table_wrapper {
   position: relative;
   float: left;
   margin-left: 0px;
   height: 300px;
   width: 200px;
   margin-left: 70px;
   overflow: auto;
   border: 1px solid black;
}
#original_table_wrapper {
   position: relative;
   float: left;
   height: 300px;
   width: 190px;
   margin-left: 90px;
   overflow: auto;
   border: 1px solid black;
   border: 1px solid black;
}
#ee_table_wrapper td{
   cursor: pointer;
}
#alter_table_wrapper td{
   cursor: pointer;
}

#prozentwerte_table {
   margin-top: 20px;
}
#prozentwerte_table table {
   table-layout: fixed;
}
#prozentwerte_table td {
   border: 1px solid #DDDDDD;
   padding: 0px 10px;
}

#prozentwerte_charting1 {

}
#prozentwerte_charting2 {

}
#prozentwerte_canvas1 {
   width: 270px;
   height: 200px;
}
#prozentwerte_canvas2 {
   width: 270px;
   height: 200px;
}
#table_top_prozentwerte {
   table-layout: fixed;
}
#table_top_prozentwerte td{
   width: 300px;
}
#draggable { background-color: #EEEEEE; width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; z-index: 3;}
#prozentwerte .ui-droppable {
   background-color: green;
   height: 300px;
   width: 300px;
}
.ui-state-active {
   background-color: white;
}
/*
   Styles f�r die �bung Tetrachorischer Koeffizient
*/

/**/
/*#select_prozentwerte1 {*/
/*   position: relative;*/
/*   top: 0;*/
/*   left: 0;*/
/*}*/
/*#select_prozentwerte2 {*/
/*   position: relative;*/
/*   top: 0;*/
/*   left: 500px;*/
/*}*/
/*#rechnung {*/
/*   position: absolute;*/
/*   margin-top: 50px;*/
/*   margin-left: 60px;*/
/*}*/
/*#prozentwerte_charting1 {*/
/*   width: 250px;*/
/*   height: 200px;*/
/*}*/
/*#prozentwerte_charting2 {*/
/*   width: 250px;*/
/*   height: 200px;*/
/*   position: relative;*/
/*   float: right;*/
/*   margin-right: -10px;*/
/*   margin-top: -200px;*/
/*}*/
/* Styles der �bung Tetrachorisch */

#tetrachorisch_table {
}
#tetrachorisch_table table {
  float:left;
}
#tetrachorisch_table td {
   width: 110px;
   height: 40px;
   border: 1px solid #DDDDDD;
   vertical-align: middle !important;
   text-align:center;
   font-weight:bold;
}
#tetrachorisch_table td input{
   width: 20px;
   float: left;
/*    cursor: pointer;  */
}

.var_auswahl{
   float:left;
   margin-right:20px;
}

#tetrachorisch .ui-droppable{
   text-align:center;
   font-weight:bold;
   font-size:12px;
   vertical-align: middle;
}

#tetrachorisch .formel{
   margin-bottom:15px;
   width:175px;
   height: 98px;
   background-color:white;
   background-image:url(http://mlbk.de/web/images/formeln/tetrachorischer_korrelationskoeffizient.png);
}

.bool {
}

.var{
}
#tetrachorisch .ergebnis {
   background-image:url();
   height:40px;
   margin-top:20px;
}
#tetrachorisch .gleich {
   float:left;
   margin-top:8px;
   margin-left:30px;
   font-size:16px;
}

#tetrachorisch_ergebnis_gesamt {
   width: 100px;
   height: 100px;
   background-color: white;
}
#ergebnis_b_c, #ergebnis_a_d{
   float: right;
   width: 40px;
   height: 20px;
   background-color: grey;
   border: 1px solid grey;
   z-index: 2;
}
#tetrachorisch_droppable2, #tetrachorisch_droppable {
   background-color: grey;
   width: 27px;
   height: 16px;
   z-index: 1;
   margin-left:131px;
   margin-top:5px;
}
#tetrachorisch_droppable{
   margin-top:38px;
}


#ergebnis {
   width: 40px;
   height: 21px;
   font-size:12px;
   font-weight:bold;
   background-color:grey;
   float:right;
   margin-top:10px;
   margin-right:17px;
   text-align:center;
}

/*#select_tetrachorisch1 {
   position: relative;
   right: 0;
}
#select_tetrachorisch2 {
   position: relative;
   left: 0;
}*/
#grafiken{
   float:right;
   display:block;
   margin-right:20px;
}



#dataForFlot {
   display: none;
}
#dataForFlot2 {
   display:none;
}

#dataForFlot1 {
   display:none;
}
#dataForFlot3 {
   display:none;
}

#dataForFlot4 {
   display:none;
}
#mittelwert {
   display: none;
}
#standardabweichung {
   display:none;
}

/*
*******************************************************************
   Styles f�r die �bung Kontingenzkoeffizient C
*******************************************************************
*/
#kontingenzkoeffizient_c table{
   width:300px;
   margin-bottom:20px;
}
#kontingenzkoeffizient_c td, #kontingenzkoeffizient_c td{
   width:50px;
}

#table_kontingenzkoeffizient_c_1 {
   border-spacing: 2px;
}
#table_kontingenzkoeffizient_c_1 {
   border-spacing: 2px;
}
#table_kontingenzkoeffizient_c_1 td {
   border: 1px solid black;
   text-align:center;
}
#table_kontingenzkoeffizient_c_2 td {
   border: 1px solid black;
}
#table_kontingenzkoeffizient_c_1 th {
   border: 1px solid black;
}
#table_kontingenzkoeffizient_c_2 th {
   border: 1px solid black;
}
#kontingenzkoeffizient_c .rechnung1_1{
   margin-left:59px;
   margin-right:24px;
}

#kontingenzkoeffizient_c .rechnung1_2{
   
}

#kontingenzkoeffizient_c .ui-droppable{
   width: 39px;
   top:4px;
   height: 25px;
   float:left;
   text-align:center;
   font-weight:bold;
   font-size:12px;
}

#kontingenzkoeffizient_c .rechnung2_1{
   margin-left:75px;
   margin-top:10px;
   width:30px;
   height:26px;
}
#kontingenzkoeffizient_c .rechnung2_2{
   margin-top:7px;
   margin-left:58px;
   width:30px;
   height:26px;
}
#kontingenzkoeffizient_c .rechnung2_3{
   margin-top:-28px;
   margin-left:105px;
   width:30px;
   height:26px;
}

#kontingenzkoeffizient_c .col2{
   margin-left:20px;
}

#kontingenzkoeffizient_c .ergebnis{
   width: 150px;
   height: 60px;
   padding-top:20px;
   background-color:white;
}
#kontingenzkoeffizient_c .ergebnis span{
   font-weight:bold;
   font-size:16px;
}

div.ui-droppable {
   width: 30px;
   height: 20px;
   background-color: grey;
   border: 1px solid black;
}
div.draggable_x {
   background-color: grey;
   width: 50px;
   height: 20px;
}
div.draggable_y {
   background-color: grey;
   width: 50px;
   height: 20px;
}.droppable-active {
   background-color: white;
}
.droppable-hover {
   border: 4px solid black;
}
div.draggable_total_sum {
   background-color: grey;
   width: 50px;
   height: 30px;
}
#ergenbnis_c {
   background-color: grey;
   width: 50px;
   height: 50px;
}
span.minus {
   width: 20px;
   height: 20px;
   cursor: pointer;
   display: none;
}
span.plus {
   width: 20px;
   height: 20px;
   cursor: pointer;
   display: none;
}

.floatleft{
   float:left;
}
#kontingenzkoeffizient_c .formel1{
   margin-bottom:15px;
   margin-right:10px;
   width:180px;
   height: 58px;
   background-color:white;
   background-image:url(http://mlbk.de/web/images/formeln/formel1_kontingenzkoeffizient_c.png);
}
#kontingenzkoeffizient_c .formel2{
   margin-bottom:15px;
   width:149px;
   height: 93px;
   background-color:white;
   background-image:url(http://mlbk.de/web/images/formeln/formel2_kontingenzkoeffizient_c.png);
}
#kontingenzkoeffizient_c .formel3{
   margin-bottom:15px;
   margin-right:10px;
   width:130px;
   height: 84px;
   background-color:white;
   background-image:url(http://mlbk.de/web/images/formeln/formel3_kontingenzkoeffizient_c.png);
}

/*
Styles der �bung Spearmans Rangfolge Rho
*/
#table_spearmans_rangfolge {
   border-spacing: 2px;
}
#table_spearmans_rangfolge td {
   border: 1px solid black;
   width: 40px;
   height: 20px;
}
#table_spearmans_rangfolge th {
   border: 1px solid black;
}

.variablenauswahl{
   width:230px;
}
#table_spearmans_rangfolge input[type=text] {
   width: 150px;
}
#table_spearmans_rangfolge {
   margin-bottom: 20px;
}
.clear{
   clear:both;
}
#neueWerte{
   display:none;
}
.schritt {
   font-weight: bold;
   padding-right:5px;
}

#uebung input[type=button]{
   display:block;
   margin-top:10px;
   margin-bottom:10px;
   border: 1px solid #999999;
   background-color: #cccccc;
   color: black;
   text-decoration:none;
   padding: 5px;
   min-width:100px;
}

.item{
   width:350px;
   font-weight:bold;
   float:left;
}
.percent{
   width: 55px;
}

.nenner{
   border-top:1px solid black;
   text-align:center;
}
#dialog {
   font-weight: bold;
}
#droppable_sum_d {
  width: 50px;
  height: 50px;
  background-color: grey;
}
#ergebnis_spearman {
   width: 50px;
   height: 50px;
   background-color: grey;
}
#sum_d {
   height: 20px;
}
#table_spearmans_rangfolge input {
   height: 20px;
   
}

#spearmans_rangfolge .formel{
   margin-bottom:15px;
   width:290px;
   height: 80px;
   background-color:white;
   background-image:url(http://mlbk.de/web/images/formeln/formel_spearman_rangkorrelation_rho.png);
   background-repeat: no-repeat;
   margin-left: 20px;
}
#ergebnis_spearman {
   position: absolute;
   margin-left: 245px;
   margin-top: 35px;
   width: 30px;
   height: 20px;
   border: 1px solid black;
}
#droppable_sum_d {
   position: absolute;
   width: 30px;
   height: 20px;
   margin-left: 195px;
   margin-top: 20px;
}
#spearmans_rangfolge #n {
   position: absolute;
   width: 25px;
   height: 20px;
   margin-left: 165px;
   margin-top: 50px;
   background-color: #808080;
   border: 1px solid black;
}
#n2 {
   position: absolute;
   width: 25px;
   height: 20px;
   margin-left: 200px;
   margin-top: 50px;
   background-color: #808080;
   border: 1px solid black;
}
#n_table {
   display: none;
}
#spearmans_rangfolge #neue_werte {
   margin-left: 20px;
}



/*********************
 �bung Punktbiserialer Koeffizient 
 **********************/
#table_biserialier_koeffizient .minus_value,  #table_biserialier_koeffizient .plus_value {
   float:none !important;
}
#table_biserialier_koeffizient td {
   text-align:center;
   padding:2px;
   height:23px;
   border: 1px solid black;
}
#table_biserialier_koeffizient span {
}

#table_biserialier_koeffizient{
   width:380px;
   float:left;
}
#punktbiserialer_koeffizient_table {
   width: 380px;
}
#punktbiserialer_koeffizient_table th{
   font-size: 13px;
}
#punktbiserialer_koeffizient_rechnung{
   float:left;
   margin-left:30px;
}


#punktbiserialer_koeffizient .draggable{
   width:40px;
}

#punktbiserialer_koeffizient_rechnung .formel1, #punktbiserialer_koeffizient_rechnung .formel2{
   float: none;
   background-image:url(http://mlbk.de/web/images/formeln/formel_punkt_biserialer_koeffizient.png);
   background-repeat: no-repeat;
   width: 290px;
   height: 120px;
   background-color: white;
   margin-bottom:20px;
}
#punktbiserialer_koeffizient_rechnung .ergebnis{
   background-color:#ffffff;
   width:290px;
}
#punktbiserialer_koeffizient_rechnung .ergebnis div{
   float:left;
}
.droppable_biserial {
   height: 30px !important;
}
#droppable_biserial_x0 {
   position: absolute;
   margin-left: 90px;
   margin-top: 20px;
   
}
#droppable_biserial_x1 {
   position: absolute;
   margin-left: 150px;
   margin-top: 20px;
   
}
#droppable_biserial_s {
   position: absolute;
   margin-left: 111px;
   margin-top: 65px;
   
}
#droppable_biserial_n0 {
   position: absolute;
   margin-left: 215px;
   margin-top: 17px;
}
#droppable_biserial_n1 {
   position: absolute;
   margin-left: 250px;
   margin-top: 17px;
   
}
#droppable_biserial_n {
   margin-left: 230px;
   margin-top: 60px;
   position: absolute;
   
}

#ergebnis_1 {
   height: 35px;
   width: 46px;
   background-color: rgb(89,136,159);
   border: 1px solid black;
   margin-left:20px;
}
#ergebnis_2 {
   height: 35px;
   width: 46px;
   background-color: rgb(89,136,159);
   border: 1px solid black;
}
#ergebnis {
   height: 35px;
   width: 46px;
   background-color: rgb(89,136,159);
   border: 1px solid black;
   margin:0px;
}

#punktbiserialer_koeffizient .ergebnis {
   height: 60px;
   float:left;
   padding:15px;
}

#punktbiserialer_koeffizient .ergebnis .mathezeichen{
   font-size:24px;
   padding-left:10px;
   padding-right:10px;
}

#punktbiserialer_koeffizient .draggable {
   cursor: pointer;
   padding: 2px;
   width:40px;
   text-align:center;
   font-weight:bold;
   margin: 0 auto;
}
.geschlecht_n .plus{
   padding-left: 10px;
   cursor: pointer;
}
.geschlecht_n .minus{
    padding-right: 10px;
    cursor: pointer;
}

.geschlecht_n div{
   float:left;
   text-align:center;
}

/*
 ***********************************
   �bung Biserialer Koeffizient
 ***********************************
*/
#punktbiserialer_koeffizient_rechnung .ergebnis div{
   float:left;
}
#table_biserialier_koeffizient .minus_value,  #table_biserialier_koeffizient .plus_value {
   float:none !important;
}
#table_biserialier_koeffizient td {
   text-align:center;
   padding:2px;
   height:23px;
   border: 1px solid black;
}
#table_biserialier_koeffizient span {
}

#table_biserialier_koeffizient{
   width:380px;
   float:left;
}

#biserialer_koeffizient_rechnung{
   float:left;
   margin-left:30px;
}


#biserialer_koeffizient .draggable{
   width:40px;
}

#biserialer_koeffizient_rechnung .formel1, #biserialer_koeffizient_rechnung .formel2{
   float: none;
   background-image:url(http://mlbk.de/web/images/formeln/formel_biserialer_koeffizient.png);
   background-repeat: no-repeat;
   width: 290px;
   height: 120px;
   background-color: white;
   margin-bottom:20px;
}
#biserialer_koeffizient_rechnung .ergebnis{
   background-color:#ffffff;
   width:290px;
}
#biserialer_koeffizient_rechnung .ergebnis div{
   float:left;
}
.droppable_biserial {
   height: 30px !important;
}

#biserialer_koeffizient .ergebnis {
   height: 100px;
}
#biserialer_koeffizient .draggable {
   cursor: pointer;
}
#message_sent {
   display: none;
}
.minus_value {
   cursor: pointer;
   padding: 2px;
}
.plus_value {
   cursor: pointer;
   padding: 2px;
}




#droppable_biserial_x0.punkt{
   position: absolute;
   margin-left: 80px;
   margin-top: 10px;
   
}
#droppable_biserial_x1.punkt{
   position: absolute;
   margin-left: 134px;
   margin-top: 10px;
   
}
#droppable_biserial_s.punkt {
   position: absolute;
   margin-left: 100px;
   margin-top: 55px;
   
}
#droppable_biserial_n0.punkt{
   position: absolute;
   margin-left: 187px;
   margin-top: 10px;
}
#droppable_biserial_n1.punkt{
   position: absolute;
   margin-left: 225px;
   margin-top: 10px;
   
}
#droppable_biserial_n.punkt{
   position: absolute;
   margin-left: 222px;
   margin-top: 50px;
   position: absolute;
   
}

.draggable {
   z-index: 5000;
}

#haeufigkeitstabelle_ergaenzen_1 #summe {
   display: none;
}

#dataForFlotHistogramm {
   display: none;
}
#biserialer_koeffizient div .ergebnis >div.zeichen {
   margin-left: 10px;
   margin-right: 10px;
   padding-top: 10px;
}
#biserialer_koeffizient div .ergebnis >div{
   margin-top: 20px;
}
#biserialer_koeffizient #ergebnis {
   margin-top: 20px;
}

#spearmans_rangfolge td {
   text-align: center;
}
#tetrachorisch_table td.a  {
   background-image: url(http://www.mlbk.de/web/images/a_bg.jpg);
}
#tetrachorisch_table td.b {
   background-image: url('http://www.mlbk.de/web/images/b_bg.jpg');

}
#tetrachorisch_table td.c {
   background-image: url( 'http://www.mlbk.de/web/images/c_bg.jpg');

}
#tetrachorisch_table td.d{
   background-image: url( 'http://www.mlbk.de/web/images/d_bg.jpg');

}