/* GRID LAYOUT                                                                 */
/* #########################################################################   */
/*                                                                             */
/*                1 2                                                       3  */
/*      +-------------------------------------------------------------------+  */
/*      |          HEADER                                                   |  */ 
/*   1  +-------------------------------------------------------------------*  */
/*                                                                             */
/*   2  +--------+ +--------------------------------------------------------+  */
/*      |        | |                                                        |  */
/*      | INHALT | |     MAIN_WINDOW                                        |  */ 
/*                                                                             */
/*      |        | |                                                        |  */
/*   3  +--------+ +--------------------------------------------------------+  */
/*   4  +-------------------------------------------------------------------+  */
/*      |          FOOTER                                                   |  */ 
/*   5  +-------------------------------------------------------------------*  */


h1
{
   font-family: "Verdana"; 
   font-size:18px;
}

p
{
   font-family: "Verdana"; 
   font-size:18px; 
   color: black;      
}


label
{
    font-family: "Verdana";
    font-size:15px;
}


h1
{
   
    font-size: 20px;
}



#wrapper
{
    
   
    
   display:grid;
   
   grid-template-columns: 250px 5px auto 5px ;
   grid-template-rows:    50px  5px 790px 5px 20px ;   
  
   
}
    
    
#header
{
   
    
  /* background-image: url("controller.jpg");*/
    
   color:white; 
   background:#0066ff;
  
     
   grid-row-start:    1; 
   grid-row-end  :    2; 
   grid-column-start: 1;
   grid-column-end:   5;
   
   
   
}

#table_of_content
{
   
   color:black; 
   background:white; 
   
   border:solid;
  
    
   grid-row-start:    3;
   grid-row-end  :    4; 
   grid-column-start: 1;
   grid-column-end:   2;
 
   /*overflow: auto;       /* Scrollbalken wenn der Inhalt > DIV */
}

#main_window
{
       
   color:black; 
   background:white;  
   
   border:solid;
      
   grid-row-start:    3;  
   grid-row-end  :    4;   
   grid-column-start: 3;
   grid-column-end:   5;
 
   
}

#footer
{
   
   color:black; 
   background:lightgray; 
   
   
   grid-row-start:    5;  
   grid-row-end  :    6;  
   grid-column-start: 1;
   grid-column-end:   5;
 
   text-align: right;
}




#main_frame
{
    border:none;
    
    width: 100%;
    height:100%;
    
}