/* Specifications for the page banner and overlayed text on the banner */

div.banner
{
  position:absolute;
  left:0px;
  top:0px;
  width:1026px ;
  height:128px ;
  z-index:0; 
}
div.bannertext
{
  position:absolute ;
  top:48px;
  width:1026px;
  text-align:center ;
  font-family:arial,"sans-serif" ;
  font-size:32px;
  font-weight:bold ;
  color : rgb(0,0,102); 
}

/* Specifications for the standard link menus in the page left margin */

div.navigation , div.loginfo , div.logodisp , div.update  /* General positioning and formatting for all info in the left margin */
{
  position:absolute;
  left:0px ;
  width:150px ;
  border:none ;
  padding:5px ;

  font-family:arial,"sans-serif" ;
  font-size:14px;
  font-weight:bold ;
  color : rgb(0,0,102);
}
div.navigation
{
  top:126px ;
  height:400px ;
}
div.loginfo                  /* The block for the login info below the navigation links */
{
  top:526px ;
  height:100px ;
}
div.update
{
  top:700px ;
  height:100px ;
}

div.logodisp               /* The block to display the logo */
{
  top:800px ;
  height:70px ;
}

/* The specifications relevant for the page body begin here. The body is always enclosed in a <div class="tbody"> ... </div> structure */

div.tbody
{
  position:absolute;
  left:160px ;
  top:126px ;
  width:854px ;
/*  height:700px ; */
  border:none ;
/*  border:solid ;
  border-width:1px ;
  border-color:blue ; */
  padding:5px ;
}
.tbody
{
  color : rgb(0,0,102);
  font-family:arial,"sans-serif" ;
  font-size:14px;
  font-weight:normal ;
}
.logo
{
  color : rgb(128,0,0) ; 
  font-family:arial,"sans-serif" ;
  font-size:18px;
  font-weight:bold ;
  font-style:italic ;
}
.logobl  /* For logo-ähnlicher Text, see KH01 */
{
  color : rgb(0,0,102) ; 
  font-family:arial,"sans-serif" ;
  font-size:18px;
  font-weight:bold ;
  font-style:italic ;
}

.logointext
{
  color : rgb(128,0,0) ; 
  font-family:arial,"sans-serif" ;
  font-size:14px;
  font-weight:bold ;
  font-style:italic ;
}

a:link  /* Unvisited*/
{
  color : rgb(0,0,102)
}
a:visited
{
/*  color : rgb(0,0,102)   */
  color : rgb(255,153,0) 
}
a:hover
{
  color:#FF00FF;
}  /* mouse over link */
a:active
{
  color : rgb(0,0,102)
}

h1                                    /*Font sizes for headings. Font is inherited or comes from class definition */
{
  font-size:24px;
}
h2
{
  font-size:20px;
}
h3
{
  font-size:16px;
}
.ctitle , .ltitle                     /* Centred titles for headings, e.g. on start page, otherwise left */
{
  font-family:arial,"sans-serif" ;
  font-weight:bold ;
}
.ctitle
{
  text-align:center ;
}
.ltitle
{
  text-align:left ;
}

p.middle                    /* Centred paragraph */
{
  text-align:center ;
}

p.navigation                 /* Define this in case we need special text fonts for navigation menu */
{
}

p.footnote                   /* Special small script for footnotes and other less important info, including page update date in margin */
{
  font-size:10px;
  font-weight:normal ;
}

p.errmess                    /* Output for error/information messages at the start of any page */
{
  color:red ;
  text-align:left ;
  font-size:16px;
  font-weight:bold ;
  margin-left:100px ;
}

.notegen
{
  position:relative; 
  margin-left:20px;
//  font-family:"Times New Roman","Serif" ;
 font-family:arial,"sans-serif" ;
 color : rgb(128,0,0) ;
}

.notesmall
{
  position:relative; 
  margin-left:12px;
  font-family:"Times New Roman","Serif";
}

/* Styles for forms and tables */

/* Standard style for forms. Note that fonts, colours and frames are specified, the size of fields is not, as this depends
   on the input requirements of the individual form */

table.kform, td.kformh, td.kformf
{
  border-collapse:collapse ;
  border:1px solid black ;
  font-size:14px ; 
  vertical-align:middle ;
  background-color:gray ;
}
td.kformh                            /* Formatting for the labels on the left side of the form */
{
  border:1px solid black ; 
  text-align:right ; 
  padding-right:2px ;
  color:yellow ; 
}

td.kformhr                           /* Formatting for the labels on the right side of the form */
{
  border:1px solid black ; 
  text-align:left ; 
  padding-left:2px ;
  color:yellow ; 
}

td.kformf                           /* Formatting for the input table elements on the left side of the form */
{
  border:1px solid black ;
}
input.kformf                       /* Formatting for the input fields themselves, in the table elements */
{
  border:1px solid black ;
  text-align:left ; 
  width:100% ; 
  font-size:16px ;
}
td.kformb                           /* Formatting for a table cell containing a button or checkbox */
{
  border:1px solid black ;
  text-align:center ;
  vertical-align:top ;
  width:15% ;
}

input.kformb                      /* Formatting for a button in a form */ 
{
  background-color:red;
  color:black;
  font-size:16px;
  text-align:center;
  width:80%;
}

/* Standard style for tables. Note that fonts, colours and frames are specified, the size of fields is not, as this depends
   on the input requirements of the individual form. Colours may be overridden by the table code, if this is required. */

.ktab1 , .ktab2
{
  border-collapse:collapse ;
  border:1px solid black ;
  font-size:14px ; 
  vertical-align:middle ;
}

table.ktab1
{
  width : 80% ;
  margin-left : auto ;
  margin-right : auto ;
}

th.ktab1
{
  color : rgb(0,0,102);
  font-family:arial,"sans-serif" ;
  font-size:12px;
  font-weight:bold ;
  background-color:red;  
}
td.ktab1
{
  color : rgb(0,0,102);
  font-family:arial,"sans-serif" ;
  font-size:12px;
  font-weight:normal ;
}

input.ktab1                         /* Formatting for the input fields in the table elements */
{
  border:1px solid black ;
  text-align:left ; 
  width:100% ; 
  font-size:12px ;
}

input.k1button                     /* Formatting for a button in a form - this actually comes after the table */ 
{
  background-color:red;
  color:black;
  font-size:16px;
  text-align:center;
  width:20%;
  margin-left:auto;
  margin-right:auto;
}

/**************** Formatting for pictures and image galleries ****************/

/* imgal is the standard formatting for the picture links in a photo album, impnt
   is used for formatting the table containing the navigation links below a picture
   display */

table.imgal table.impnt
{
  text-align : center ;  
  border-collapse : collapse ;
}
tr.imgal tr.impnt
{
  vertical-align : middle ;
}
td.imgal
{
  border-style : none ;
  height : 140px ;
  width : 140px ;
}
td.impnt
{
  border-style : none ;
  height : 42px ;
  width : 42px ;
}
img.imgal
{
  max-height : 102px ;
  max-width : 102px ;
  border-style : ridge ;
  border-width : 4px ; 
  border-color : rgb(0,0,102) ;
  padding : 5px ;
  font-family : arial ;
  font-size : 8px ;
  font-style : normal ;
}
a.imgal:link
{
  text-decoration : none ;
}
a.imgal:hover
{
  text-decoration : none ;
  color : red ;
}

p.imgal
{
  font-family : arial ;
  font-size : 12px ;
  color : rgb(0,0,102);
  text-align : center ;
}

/* Formatting for pictures in standard text pages. Sets maximum size and border padding */

img.textpm                         /* Average image */
{
/*  max-height : 300px ;
  max-width : 300px ; 
*/
  width : 30% ;
  height : auto ;

  border-style : none ;
/*  border-width : 4px ; 
  border-color : rgb(0,0,102) ; */
  padding : 10px ;
}

img.textpk                        /* Small image */
{
  width : 20% ;
  height : auto ;

  border-style : none ;
  padding : 10px ;
}

img.textpg                        /* Large image */
{
  width : 50% ;
  height : auto ;

  border-style : none ;
  padding : 10px ;
}

/* Definitions for editable text pages. The generator generates paragraphs and
   heading with the class "textgen". HTML entered by hand can also use the class "text".
   These formats are defined in the main css file as identical to the classless tags,
   and may be redefined as required for page-specific css extensions. */

.textgen
{
}

.text
{
}