/* Browser-Defaults zurücksetzen mit Universalselektor */
  * {margin: 0px; padding: 0px; border: 0px;}

/* Richard's Trick */
  html { height: 100.5%; font-size: 62.5%; background-color: #ffe;}

  body  {font-size:1.6em;  /*background-color: #ddd; */max-width: 1050px; padding-left: 78px; font-family: Arial, sans-serif; height: 100%;}
  
  h1        {clear: both; margin: 0px 0px 3px;}
  h2        {clear: both; margin: 5px 0px 3px;}
  h3, h4    {margin: 3px 0px 2px;}
  h5, h6    {margin: 2px 0px 1px;}
  h2.inside {position: absolute; bottom: 25px; right: 5px;}
  
  ul    {list-style: square; background: #fff; }
  ul li {margin-left: 18px;}
  
  p {clear: both; margin-top: 2px;}
  .blue {color: blue; background-color: #fff; cursor: pointer;}
  .red  {color: red;  background-color: #fff; cursor: pointer;}

  img          {max-width: 600px; /*clip: rect(0px,60px,200px,0px);*/}
  img.zoom_in  {vertical-align: middle; width: 25px; height: 25px; cursor: zoom-in; margin: 0px;}
  img.zoom_out {vertical-align: text-top; width: 25px; height: 25px; cursor: zoom-out; margin: 0px;}
  
  table, th, td {border-collapse: collapse; border: 1px solid #555;}
  
  table.editbox {position: fixed; top: 2px; left: 2px; min-width: 50px; table-layout: fixed;
		 border: 0px solid #555; background: #ddf; display: none; z-index: 10;}
                 
                 
  table.editbox thead th.boxtitel     {min-width: 100px; padding: 0px 5px; text-align: left;}
  table.editbox thead th.cancel       {width: 18px; line-height: 14px; text-align: center;}
  table.editbox thead th.cancel:hover {background: #fff;}
/*  table.editbox thead td {line-height: 18px; background: #fff; padding: 0px 3px; text-align: left;}
  table.editbox tbody td {line-height: auto;}
  table.editbox tfoot td {line-height: auto; text-align: left;}*/
  table.editbox thead td {line-height: 18px; background: #fff; padding: 0px 3px; text-align: left;}
/*   table.editbox tbody td {line-height: auto;} */
  table.editbox tfoot td {text-align: left;}
  table.editbox tfoot td button {width: 100px;}
  table.editbox p   {font-size: 10px;}
  table.editbox div {padding: 5px; background: #fff;}
  table.editbox div#formel_liste p   {font-size: 14px; }
  table.editbox div#formel_liste p b {font-size: 11px;}
  table.editbox div#div_vorschau_1 {float: left; width: 320px; height: 160px; background-color: #fff;}
  table.editbox div#div_vorschau_2 {float: left; width: 320px; height: 160px; background-color: #fff;}
  table.editbox .jqplot-xaxis, table.editbox .jqplot-yaxis {font-size:  6px;}
  
  table#div_formel_liste_1, table#div_formel_liste {left: 90px; top: 200px;}

  table#wichtiger_hinweis {z-index: 11;}
  
  button.menupkt   {float: left;
                  border-radius: 8px 8px 8px 8px;
                  min-width: 81px; height: 27px;
                  font-size: 14px; font-weight: bold; color: #000; text-align: center; padding: 0px 4px;
                 }
  button#movemenu   {float: left; font-size: 22px; /*font-weight: bold;*/ color: #555; text-align: center;
		    width: 9px; height: inherit; display: table-cell; vertical-align: text-top;
		    border: 1px solid #999; cursor: move;}
  div#menu      {position: fixed; left: 1px; top: 75px; 
                 border: 0px solid #555; 
                 background-color: #ccf;  border-radius: 0px 8px 8px 0px;
		 vertical-align: middle;
		 cursor: pointer; height: 27px; min-width: 60px; width: 75px; z-index: 100;}
  div#menu a {text-decoration: none; color: #000;}
  div#menu button.menupkt   {float: left;
                  border-radius: 0px 8px 8px 0px;
                  min-width: 81px; height: 27px;
                  font-size: 14px; font-weight: bold; color: #000; text-align: center; padding: 0px 4px;
                 }
  div#menu button:hover {background-color: #eef;}
  button.menupkt_zoom_in, .div_zoom_in {background-image: url(zoom_in.png); 
					background-repeat: no-repeat; 
					background-size: 18px 18px;  
					background-position: center; background-color: #ccf;
					width: 33px; height: 27px; float: left;}
  button.menupkt_zoom_out, .div_zoom_out {background-image: url(zoom_out.png); 
					  background-repeat: no-repeat; 
					  background-size: 18px 18px;
					  background-position: center; background-color: #ccf;
					  width: 33px; height: 27px; float: left;}
  
  div#kopf1 {height: 65px; padding: 2px; text-align: center; width: 1024px;}
/*   div#main  {position: fixed;} */
  div.kopf1 {clear:both; min-height: 10px; padding: 2px; }
  
  div#wz_canvas {position: relative; width: 1000px; height: 600px; border: 0px solid #555; margin-top: 0px;
                 background-image: url(raster.png); background-repeat:repeat; background-size: 100px 50px;
                 overflow: hidden; cursor: crosshair; /*transform: matrix(1, 0, 0, 0.707, 0, 0);*/} 
                 
/*   div#wz_canvas img.coord {position: absolute; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; cursor: move;} */

  div#coord_info  {position: absolute; background-color: #ff0; font-size: 1.4em; padding: 2px; display: none;}
  
  div#text1_canvas {position: absolute; top: 75px; left: 150px; /*width: 100px; height: 50px; */font-size: 1.5em; text-align: center; 
                    padding: 2px 5px 6px; border: 1px solid #f00; background-color: #fff;}
  
  button {background-color: #ccf; color: #000; margin:0px;
		 border-top:    1px solid #999; 
                 border-right:  1px solid #555; 
                 border-bottom: 1px solid #666; 
                 border-left:   1px solid #999;
                 cursor: pointer;}
  button
  button:hover {background-color: #ddf;}
  
  button.extra {clear: both;} 
  button#cmdtest {position: absolute; top: 5px; right: 10px;}
  
  select        {cursor: pointer; background-color: #fff; width: 100%; font-size: 14px;}
  select option {font-size: 12px;}
  select.datenbasis {border: 1px solid #555;}
  div.datenbasis-rechts {float:right; width: 33%; height: 38px; border: 0px solid #555; padding: 3px; margin: 5px;}
  div.datenbasis-links  {float:left;  width: 33%; height: 38px; border: 0px solid #555; padding: 3px; margin: 5px;}
  div#div_zve_verteilung {width: 90%;}
  div#div_zve_verteilung_diagramm_1,
  div#div_zve_verteilung_diagramm_2,
  div#div_zve_verteilung_tabelle {float:left; width:990px; height:400px; border:1px solid #555; margin: 5px 0px;}
  
/* div#div_zve_verteilung_diagramm_1 {display: none;} */
  
/*  div.boxtitel {float:left;   line-height: 12px; font-size: 12px; font-weight: bold; width: 95%; background-color: #ddf; 
                padding: 3px; margin-bottom: 2px; display: table-cell; vertical-align: middle;}
  div.cancel   {float: right; font-size: 15px; text-align: right; width: 15px; 
                padding-right: 0px; margin: 0px; background-color: #ddf;
                cursor: pointer; display: table-cell;}
                */
  div#div_edit_kennwerte {position: fixed; top: 210px; left: 10px; max-width: 380px; 
                          padding: 2px 2px 2px 2px;  border: 1px solid #555; 
                          background-color: #ddf; display: none; z-index: 10;}
  div#div_edit_kennwerte div.boxtitel  {width: 340px; padding: 0px 5px; text-align: left; font-weight: bold; display: inline-block;}
  div#div_edit_kennwerte div.cancel    {width:  18px; height: 18px; line-height: 18px; font-weight: bold; text-align: center; 
                                        /*display: table-cell; vertical-align: text-bottom;*/
                                        float: right; background-color: #ddf;}
  div#div_edit_kennwerte div.cancel:hover {background-color: #fff;} 
                        
  div#div_edit_kennwerte table {border-collapse: collapse; font-size: 18px; width: 100%; margin: 2px 0px;}
  div#div_edit_kennwerte table col.id   {background-color: #eee; font-size: 10px;}
  div#div_edit_kennwerte table col.e0   {background-color: #ffd;}
  div#div_edit_kennwerte table col.sg0  {background-color: #eef;}
  div#div_edit_kennwerte table col.edit {background-color: #fff;}
  div#div_edit_kennwerte table tr       {max-height: 30px;}
  div#div_edit_kennwerte table tr th        {height: 20px; padding: 2px 4px 2px 4px; border: 1px solid #555; font-size: 10px;}
  div#div_edit_kennwerte table tr td        {height: 30px; padding: 0px 4px; text-align: right; border: 1px solid #555; font-size: 14px;}
  div#div_edit_kennwerte table tr td.button {width: 14px; padding: 1px;}
  div#div_edit_kennwerte table tr td button {width: 13px; height: 13px; margin: 0px;
					     font-size: 11px; font-weight: bold; border: 1px solid #555;
					     display: table-cell;  vertical-align: middle;}
  div#div_edit_kennwerte table tr td.button:hover {background-color: #eef;}
  div#div_edit_kennwerte table tr td select {border: 1px solid #555; background-color: #fff;}              
  div#div_edit_kennwerte table tr td select:hover {background-color: #f9f9ff;}       
  div#div_edit_kennwerte table tfoot tr td        {text-align: left;}
  div#div_edit_kennwerte table tfoot tr td button {width: auto; height: auto; padding: 3px; border-radius: 5px;}
  div#div_edit_kennwerte table tfoot tr td button:hover {background-color: #eef;}
  
  div#div_hilfe  {position: absolute; top: 50px; left: 50px; width: 600px;  border: 1px solid #555;  
                  background-color: #fff; font-size: 1.2em; padding: 5px; cursor: text; }
                  
  .jqplot-title {margin: 5px 0px; padding: 1px 0px; font-size: 18px; font-weight: bold; color: #000;}
  .jqplot-axis  {font-size:  8px; padding: 1px 0px; font-weight: normal; color: #000;}
  .jqplot-xaxis {margin: 10px 0px; font-size:  12px; color: #000;}
  .jqplot-xaxis-label {margin: 2px 0px; font-size:  14px; font-weight: bold; color: #000;}
  .jqplot-yaxis, .jqplot-y2axis {margin: 0px 10px;  font-size:  12px; color: #000;}
  .jqplot-table-legend-label    {padding: 0px 5px; font-weight: bold;}
  .jqplot-point-label { border: 1px solid #555;
			padding: 2px;
			background-color: #ffe; font-size: 12px; }
			
  div.vorschau .jqplot-axis,
  div.vorschau .jqplot-xaxis,
  div.vorschau .jqplot-xaxis-label          {padding: 0px; margin: 0px; font-size: 6px;}
  div.vorschau .jqplot-yaxis                {margin-right: 5px; }
/*   div.vorschau .jqplot-y2axis               {padding: 0px; margin: 0px; font-size: 6px;} */
  div.vorschau .jqplot-table-legend         {font-size: 10px;}
  div.vorschau .jqplot-table-legend-swatch,
  div.vorschau .jqplot-table-legend-swatch-outline {border: 0px; margin: 0px;}
  
  div#div_est_tarif_vergleich {float:left; width: 1000px; height: 30%; margin-top: 15px; 
                               border: 1px solid #ddd; padding:0px; background-color: #fff; z-index: 5; page-break-before: always;}
  #select_grund_splitting_hauptdiagramm {float:right; width: 22%; font-size: 16px; font-weight: bold; border: 1px solid #000;}
  div.div_est_diagramm {float:left; width: 100%; text-align: center;
			margin-top: 3px; border: 1px solid #555; z-index: 1;}/*scale(0.5,0.5) translate(-50px,50px)*/
div#div_est_diagramm_1 {height:600px;}

div#div_est_diagramm_3 {height:480px; page-break-before: always;}

/*   #select_grund_splitting {float:right; } */
  div#div_est_tabellen             {position: relative; background: #fff;}
/*   div#div_est_tabellen             {background: #fff;} */
  div#div_est_tabellen select      {float:right; width: 25%; font-size: 16px; font-weight: bold; border: 1px solid #000;}
  
/*   div#div_est_tabellen div {float:left; width:24%;} */
  
  
  div#div_est_tabellen table       {float:left; width: 970px; border-collapse: collapse; border: 0px solid #000;
                                    margin: 2px 0px; text-align: right; table-layout: fixed;}                          
                                    
  div#div_est_tabellen table caption {background-color: #eee;height:3.4em;} /* height:6em;*/
  div#div_est_tabellen table thead   {background-color: #fff; }
/*   div#div_est_tabellen table tbody {width: 900px;} */
/*   div#div_est_tabellen table col.brutto   {width: 15%; }  */
  div#div_est_tabellen table tr th       {border: 1px solid #555; font-size: 12px; font-weight: bold; text-align: center; padding: 1px 4px;}
  
  div#div_est_tabellen table tr th.tarif {font-size: 14px;  font-weight: bold; border-right: 2px solid #000;}
  div#div_est_tabellen table tr th.tarif1  {background-color: #fafaff; color: blue;}
  div#div_est_tabellen table tr th.tarif2  {background-color: #fffafa; color: red}
  div#div_est_tabellen table tr th.brutto  {border-left: 2px solid #000;
                                            border-right: 2px solid #000;}
  div#div_est_tabellen table tr th.zve     {font-size: 14px;  font-weight: bold; border-right: 2px solid #000;}
  div#div_est_tabellen table tr th.stbges  {border-right: 2px solid #000;}
  div#div_est_tabellen table tr th.diff    {font-size: 14px;  font-weight: bold; border-right: 2px solid #000;}

  div#div_est_tabellen table tr td   {border: 1px solid #555; 
                                      font-size: 14px; font-weight: normal; text-align: right; 
                                      padding: 2px 10px; vertical-align: text-bottom;}
                                      
  div#div_est_tabellen table tr td.tarif1  {background-color: #eef;}
  div#div_est_tabellen table tr td.tarif2  {background-color: #fee;}
  div#div_est_tabellen table tr td a       {text-decoration: none; color: inherit;}
  
  div#div_est_tabellen table tr td.brutto, th.brutto {background-color: #ffe; 
                                                      border-left: 2px solid #000;
                                                      border-right: 2px solid #000;             
                                                      width: 12%;}
  
  div#div_est_tabellen table tr td.zve,    th.zve  {background-color: #ffe; 
                                                    border-right: 2px solid #000;
                                                    width: 12%;}
  div#div_est_tabellen table tr td.stb,    th.stb    {width: 10%;}
  div#div_est_tabellen table tr td.soli,   th.soli   {width: 10%;}
  div#div_est_tabellen table tr td.stbges, th.stbges  {border-right: 2px solid #000; width: 10%;}
  div#div_est_tabellen table tr td.diff,   th.diff    {border-right: 2px solid #000; width: 12%;}
  
  div#div_est_tabellen table tr.tr_tarif1 {background-color: #ddf;}
  div#div_est_tabellen table tr.tr_tarif2 {background-color: #fdd;}
  div#div_est_tabellen table tr.tr_index th {background-color: #eee; font-size: 6px;}
  div#div_est_tabellen table tr.tr_index th.brutto {border-left: 2px solid #000;border-right: 2px solid #000;}  div#div_est_tabellen table tr.tr_index th.diff  {border-right: 2px solid #000;}
  
div#div_est_tabellen table tr.tr_foot th  {background-color: #eee; font-size: 14px;}
  
  table#verteilung {width: 99.5%; text-align: right; border: 2px solid #aaa; margin: 1px 2px; font-size: 12px;}
  table#verteilung col.spalte1 {width: 30%;}
  table#verteilung col.spalte2 {width:  6%;}
  table#verteilung col.spalte3 {width: 14%;}
  table#verteilung col.spalte4 {width: 14%;}
  table#verteilung col.spalte5 {width: 15%;}
  table#verteilung col.spalte6 {width: 10%;}
  table#verteilung col.spalte7 {width: auto;}
  table#verteilung tr          {}
  table#verteilung th          {font-size: 1.0em; text-align: center; margin: 15px; padding: 5px; border: 1px solid #ccc; background-color: #eee;}
  table#verteilung td          {font-size: 1.2em; margin: 15px; padding: 5px 10px; border: 1px solid #ccc; }
  table#verteilung td.spalte1  {text-align: left;}
  
/* Hilfetext */
  
  div#div_hilfetext        {font-size: 0.8em; min-width: 400px; max-width: 800px; padding: 10px;}
  div#div_hilfetext p      {margin-bottom: 15px;}
  div#div_hilfetext ul     {margin-left: 10px;}
  div#div_hilfetext ul li     {margin-left: 10px; list-style-type: square;  display: list-item;}
  div#div_hilfetext img    {margin: 5px; border: 1px solid #555; display: block;}
  div#div_hilfetext img.li   {float:left;  margin: 5px 10px 5px  0px; border: 1px solid #555;}
  div#div_hilfetext img.re   {float:right; margin: 5px  0px 5px 10px; border: 1px solid #555;}

/* Allgemein */
  
  .links   {text-align: left;}
   div#div_edit_kennwerte table tr td.mittig  {text-align: center;}
  .rechts  {text-align: right;}
  .mitte  {text-align: center;}
  
  .hidden {display: none;}
  
/* ---------------------- Tabreiter --------------------------------------------- */

.tabreiter
{
/*                                    position: relative; */
    width: 100%;
    height: 220px;
/*                                    border: 1px dotted #0f0; */
}   
 
.tabreiter ul,
.tabreiter li
{
    margin: 0;
    padding: 0;
    list-style: none; 
}
 
.tabreiter,
.tabreiter input[type="radio"]:checked + label
{
    position: relative;
}
 
.tabreiter li,
.tabreiter input[type="radio"] + label
{
                                   min-width: 75px;
    display: inline-block;
}
 
.tabreiter li > div,
.tabreiter input[type="radio"]
{
    position: absolute;
}
 
.tabreiter li > div,
.tabreiter input[type="radio"] + label
{
                                                 border: solid 1px #555;
}
 
.tabreiter
{
    font-family: Arial, Sans-serif;
                                           font-size: 1em;
    font-weight: bold; /*400;*/
    color: #404040;
}
 
.tabreiter li
{
    vertical-align: top;
}
 
.tabreiter li:first-child
{
    margin-left: 8px;
}
 
.tabreiter li > div 
{
    top: 27px;
    bottom: 0;
    left: 0;
    width: 1024px;
                                        height: 2000px; border: 1px solid #000;
    padding: 5px;
                                      overflow: auto;
                                        background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 
.tabreiter input[type="radio"] + label
{
  
  z-index: 0; 
  
    margin: 0 1px 0 0;
    padding: 0 18px;
    line-height: 27px;
                                  background: #ccf;
    text-align: center;
                                border-radius: 8px 8px 0 0; 
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
/*     user-select: none; */
}

.tabreiter input[type="radio"] + label:hover {background-color: #eef;}
 
.tabreiter input[type="radio"]:checked + label
{
    z-index: 1;
                                      background: #fff;
    border-bottom-color: #fff;
    cursor: default;
}
 
.tabreiter input[type="radio"]
{
    opacity: 0;
}
 
.tabreiter input[type="radio"] ~ div
{
    display: none;
}
 
.tabreiter input[type="radio"]:checked:not(:disabled) ~ div
{
    display: block;
}
 
.tabreiter input[type="radio"]:disabled + label
{
    opacity: .5;
    cursor: no-drop;
}


@media(max-width: 50.0em){
  .tabreiter {font-size: 1em;}
  .tabreiter li {min-width: 35px; }
  .tabreiter input[type="radio"] + label {min-width: 35px; padding: 0 5px; }
}
  
  
@media print {
   body     {padding-left: 0px;}
   div#menu {display: none;}
   button   {display: none;}
   div#div_edit_kennwerte table tr td button {display: none;}
   .cancel {display: none;}
}
 
  
/* EOF */