/* Layout für festen Header und 3 Spalten, Tabelle mit eigenem Scolling in der Mitte */

html, body
{
  margin:0;                                   /* padding (=innen, FF) wind von IE als margin (außen) interpretiert  */
  padding:0;
  height:100%;
  overflow:hidden;                       /* non-scrolling als Voreinstellung */
}

.header {
z-index:0;                                     /* 0=ganz hinten */
position:absolute; top:0px; left:0px;
height: 75px;                               /*   Gesamthöhe von DIV header. Gleiche Angabe im IFrame der htm-Datei nötig.
                                                           Stehen dort %, wird im IE der IFrame falsch auf 150px runtergezogen. */
width:100%;                                      
border: 0 px solid #00aaaa;
padding-top: 0px;                        
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
}

.menu-left {
z-index:1;
position:absolute; top:75px; left:0px;
width:15%;
height:87%;                                /* darf nicht größer sein als das .main Fenster, sonst schieben Textmarken in .main
                                                         das Layout im Browser nach oben */
background-image:url(images/bgr.png) ;                           
border: 0px solid #aaaa00;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

.menu-right {
z-index:3;
position:absolute; top:75px; right:0px;
width:15%;
height:87%; 
background-image:url(images/bgr.png) ;                           
border: 0px solid #00aaaa;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

.main {    
z-index:2;                      
overflow:none;                                   /*  Tabellen müssen ev. eigenen Scrollbalken einblenden */
position:absolute; top:75px; left:15%;
width:69%;                                         /*  Scrollbalken passt gerade rein */
height:87%;
                                                               /*   background image nur im body tag der Mittelseite*/                   
border: 0px solid #a00aaa;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}