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

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

body  {font-size:1.8em;  /*background-color: #ddd; */max-width: 1200px; 
       font-family: Arial, sans-serif; height: 100%;}
  
/* body {width: 800px;} */

h1,h2,h3,h4,h5,h6 {padding: 0.8em 0em 0.5em 0em; text-align: center;}

/* DIV */

div.spalten {
    -webkit-column-width: 100px; /* Chrome, Safari, Opera */
    -moz-column-width: 100px; /* Firefox */
    column-width: 100px;
}


div.wrapper {float: left; width: 560px; padding: 0px; margin: 0px; border: 0px; overflow: hidden;}

div#balkendiagramm    {width: 480px; margin: 5px; height: 430px; }
div#steuerelemente    {width: 550px; margin: 5px;}

div.re                {float: right; }
div.li                {float: left;  }

/* Tabellen */

table    {border-collapse: collapse;}
table.in {width: 100%; border-collapse: collapse; table-layout: fixed; border: 0px solid #555;}
table.out {width: 100%; border-collapse: collapse; table-layout: fixed; border: 0px solid #555;}

col.in1 {width: 25%;}
col.in2 {width:  7%;}
col.in3 {width:  3%;}
col.in4 {width: 13%;}
col.in5 {width: 15%;}
col.in6 {width: 28%;}

col.out1 {width: 35%;}
col.out2 {width: 10%;}
col.out3 {width:  2%;}
col.out4 {width: 15%;}
col.out5 {width: 20%;}
table td      {text-align: left;}
table td.num  {text-align: right;}

tr#tr_fachkraftfaktor          {display: none;}
tr#tr_mittlere_fachkraftanzahl {display: table-row;}
tr      {background-color: #fff;}
tr.g    {background-color: #ffd;}
tr.k    {background-color: #faa;}
tr.p    {background-color: #aaf;}

td {border-top: 1px solid #aaa; padding: 4px 1px 4px 8px; text-align: left;}
td.fett {font-weight: bold;}
table.jqplot-table-legend {padding: 3px;}
td.jqplot-table-legend-swatch {padding: 3px;}

/* Steuerelemente */

label {font-size: 1.2em; border: 0px solid #000; padding: 0.5em; background-color: #f99; display: block;}

input       {top: 5px; border: 1px solid #000; height: 1em; color: #fee; width: 80%;}

input:focus {background-color: #fff;}

input[type=range]    {width:95%; height:1.5em; margin-top:0.2em; padding:0px;}
input[type=checkbox] {width:1.3em;height:1.3em; margin-top:0.3em;margin-right:0.3em;padding:0px; background-color: #faa; }
select      {height: 2em; padding: 1px; font-size: 0.9em; font-weight: bold; background-color: #fff;}