
/*
erklaerung der abkuerzungen
nf = nicht gefixed
tb = tabelle
ze = zeile
sp = spalte

bottom: 0; sorgt dafuer dass die tabelle am blattrand unten erscheint
top: 0;    sorgt dafuer dass die tabelle ganz oben erscheint
div        division grupierung
br         zeileumbruch <br>
p          absatz quasi zeilenumbruch mit abstand zur naechsten zeile
span       unsichtbarer container
font-size: 2em  text 2 mal so gross wie der standard text

border: 2px solid black;

org webseite "Wir bieten Ihnen" #7391C4
etwas dunkler                   #617BA6

solid black;
color: #0000FF; = blau bzw blue

beispiele
font-family: Arial; font-size: small; color: #000000; 
font-family: Arial; font-size: 10pt; color: black; 
font-family: Arial; font-size: 2em;

.tb_header_ze_02_sp_01{ width: 75%; font-family: Arial, sans-serif; font-size: 2.5em; text-align: center; }

margin: 5px; 
padding: 5px;

<style type="text/css">

overflow: hidden; 
height: 1em; 
bottom: 5px;
*/

/*-----------------------------------*/
body.background_01 {
  background-image: url('CAD_bg_transp_002_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-attachment: fixed;
}
/*-----------------------------------*/
table.header {
  width: 100%;
  left: 0px;
  right: 0px;
}
/*-----------------------------------*/
table.header_fi {
  position: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
}
/*-----------------------------------*/
table.tb_header {
  width: 100%;
  left: 0;
  right: 0;
  border: 3px solid #617BA6;
}
/*-----------------------------------*/
table.tb_header_fi {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  border: 3px solid #617BA6;
}
/*-----------------------------------*/
.tb_header_sp_01 {
  font-family: Arial;
  font-size: 2em;
  text-align: center;
  color: #7391C4;
}
/*-----------------------------------*/
table.main {
  width: 100%;
  font-family: Arial;
  font-size: medium;
  color: black;
}
/*-----------------------------------*/
table.main_fi {
  position: fixed;
  width: 100%;
  font-family: Arial;
  font-size: medium;
  color: black;
}
/*-----------------------------------*/
table.tab_typ_01 {
  width: 100%;
}
/*-----------------------------------*/
table.tab_typ_01_fi {
  position: fixed;
  width: 100%;
}
/*-----------------------------------*/
table.footer {
  background-image: url('footer_background_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
/*-----------------------------------*/
table.footer_fi {
  background-image: url('footer_background_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-attachment: fixed;
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
/*-----------------------------------*/
table.footer_fi_v02 {
  background-image: url('footer_background_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-attachment: fixed;
  position: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
/*-----------------------------------*/
/* background-attachment: fixed; ist hier wichtig */
table.tb_footer {
  background-image: url('footer_background_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
  border: 3px solid #617BA6;
}
/*-----------------------------------*/
table.tb_footer_lange_seite {
  width: 100%;
  left: 0px;
  right: 0px;
  border: 3px solid #617BA6;
}
/*-----------------------------------*/
/* background-attachment: fixed; ist hier wichtig */
table.tb_footer_fi {
  background-image: url('footer_background_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px solid #617BA6;
}
/*-----------------------------------*/
table.tb_footer_v02 {
  background-image: url('footer_background_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px solid #617BA6;
}
/*-----------------------------------*/
table.tb_footer_fi_v02 {
  background-image: url('footer_background_helligkeit_50_von_100.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-attachment: fixed;
  position: fixed;
  width: 98%;
  left: 5px;
  right: 5px;
  bottom: 0px;
  border: 3px solid #617BA6;
}
/*-----------------------------------*/
/*-----------------------------------*/
.tb_footer_sp_02 {
  font-family: Arial;
  font-size: small;
}
/*-----------------------------------*/
.tb_footer_letzte_zeile {
  font-family: Arial;
  font-size: 2pt;
}
/*-----------------------------------*/
.tb_seite_01 {
  width: 100%;
}
/*-----------------------------------*/
.tb_seite_01_fi {
  position: fixed;
  width: 100%;
}
/*-----------------------------------*/
.vertikaler_scrollbalken {
  overflow-y: auto;
}
/*-----------------------------------*/
.text_01 {
  font-family: Arial;
  font-size: small;
}
/*-----------------------------------*/
.auto-style1 {
  font-family: Arial;
  font-size: small;
  color: black;
}
/*-----------------------------------*/
.auto-style2 {
  font-family: Arial;
  font-size: medium;
  color: black;
}
/*-----------------------------------*/

