/*
     tbl_main:
     
       col = c1                  col = c2                  col = c3
     +----------+----------------------------------------+----------+
     |                                                              |
     |                                                              |   row: r1  (Grafik Header)
     |                                                              |
     +----------+----------------------------------------+----------+
     |                                                              |   row: r3 (Abstand Grafik - Karteikarten)
     +----------+----------------------------------------+----------+
     |          |                                                   |   row: r4 (Menue)
     +----------+----------------------------------------+----------+
     |          |                                        |          |
     |          |                                        |          |
     |          |                                        |          |   row: r5 (Content)
     |          |                                        |          |
     |          |                                        |          |
     +----------+----------------------------------------+----------+
     |          |                                        |          |   row: r6 (Fuss)
     +----------+----------------------------------------+----------+
     



*/


/*

dunkel
#0048FF
#0B4CFF
#255FFF
#3167FF
#3F72FF
#4B7BFF
#5783FF
#658EFF
#7196FF
#7FA1FF
#8BA9FF
#97B2FF
#A5BDFF
#B1C5FF
#BFD0FF
#CBD8FF
#D7E1FF
#E5EBFF
#F1F4FF
hell

*/


* {
margin : 0px auto;
padding : 0px;
}



html {
text-align : center;
font-family : verdana, arial, sans-serif;
font-style: normal;
}



body {
  background-color: #ffffff;
  text-align : center;
  font-size: small;
  color: #888888;
}

a:link { 
    color:#0048FF; 
    text-decoration:none; 
    font-weight: normal; 
}
    
a:visited { 
    color:#0048FF;  
    text-decoration:none; 
    font-weight: normal; 
 }
 
a:focus {
    color:#0048FF;  
    text-decoration:none;
    font-weight: normal; 
}

a:hover { 
    color:#ff3333; 
    text-decoration:none;
    font-weight:normal; 
}

a:active {
    color:#0048FF; 
    text-decoration: none;
    font-weight: normal; 
}
   
  
span#KAVDI
{
    color:#0048FF;
    font-weight: bold;  
    font-style: italic;
}	   
   
table.tbl_main {
	width: 900px;
	text-align: center;
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
    align: center;
    
}   

td.tbl_main {
    background-color: #E5EBFF;
    border-collapse: collapse;
    border-spacing: 0px;
   
}
   
tr.tbl_main_r1 {
	background-color: #E5EBFF;
	text-align: left;
}

tr.tbl_main_hdr2_menue {
    background-color: #3F72FF;
    border-collapse: collapse;
    border-spacing: 0px;
    height: 5px;
}
    
tr.tbl_main_hdr3_menue {
    background-color: #8BA9FF; 
    border-collapse: collapse;
    border-spacing: 0px;
    height: 0px;
    text-align: left;
}
    
td.tbl_main_r5c1 {
	width: 150px;
    background-color: #eeeeff; 
    text-align: right;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
    padding : 0px;
}
    
td.tbl_main_r5c2 {
	width: 600px;
    background-color: #ffffff; 
    text-align: left;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
    padding : 10px;
    height: 500px;
}
    
td.tbl_main_r5c3 {
	width: 150px;
    background-color: #eeeeff; 
    text-align: center;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
}

tr.tbl_main_r6 {
    background-color: #B1C5FF; 
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0px;
}

/*********************************************************************************
**
** Hauptmenue
**
*********************************************************************************/

table.tbl_hdr {
    color: #0000ff;
   border-collapse: collapse;
   margin-left: 0px;
}

tr.tbl_hdr_row  {
	
}

td.tbl_hdr_item {
	background-color: #D7E1FF;    
    width: 80px;
    text-align: center;
}

td.tbl_hdr_separator {
	width: 20px;
}

td.tbl_hdr_cur_item {
    width: 80px;
    background-color: #ffffff;
   text-align: center;
}

/*********************************************************************************
**
** Seitenmenue
**
*********************************************************************************/

table.tbl_left {
	text-align: right;
    background-color: #aaaaff; 
    width: 130px;
    color: #0000ff;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left: 15px;
    
}

tr.tbl_left_separator {
    background-color: #8888ff; 
    height: 2px;
}

td.tbl_left_item {
    background-color: #ddddff;    
    text-align: left;
}

td.tbl_left_cur_item {
    background-color: #ffffff;
    font-weight: bold;
    text-align: right;
}


/*********************************************************************************
**
** rechte Spalte (3.)
**
*********************************************************************************/

table.tbl_r5c3 {
    
    background-color: #BFD0FF; 
    width: 130px;   
    border: thin;
    font-weight: bold;
    margin: 8px;
    border-spacing: 2px;
}

tr.tbl_r5c3_r1 {
	text-align : center;
    background-color: #BFD0FF; 

}

tr.tbl_r5c3_r2 {
    text-align : left;
    background-color: #F1F4FF; 
    font-size: x-small;
}


/*********************************************************************************
**
** linke Spalte (1.)
**
*********************************************************************************/

table.tbl_r5c1 {
    
    background-color: #BFD0FF; 
    width: 120px;   
    border: thin;
    font-weight: bold;
    margin: 13px;
    border-spacing: 2px;
}

tr.tbl_r5c1_r1 {
	text-align : center;
    background-color: #BFD0FF; 

}

tr.tbl_r5c1_r2 {
    text-align : left;
    background-color: #F1F4FF; 
    font-size: x-small;
}