/* -------------------------------------------------------- */
/* ------------  CSS "kf_home"  --------------------------- */
/* */
/* */
/* ------------  html-Eigenschaften  ---------------------- */
/* */

* {color: black;
  margin: 0px; 
  padding: 0px; 
  border: 0px;
}

html {
  width: 600px;
/*  background: #00FF00;   Test-Hintergrundfarbe (gruen)  */
  background: #FFFFFF;
  height: 101%;
}

body {
/*  background-color: #00FF00;  */
  background-color: #FFFFFF;  /*  endgueltige Farbe   */
  font-family: Arial, Helvetica, sans-serif;
  width: 80%;
/* overflow: hidden; */
}

strong {
   font-weight: bold;
   margin-top: 0.1em;
}

em {
   font-weight: bold;
   margin-top: 0.1em;
   font-style: italic;
}

/* */
/* ------------------  div-IDs  ---------------- */
/* */

div#kopf {   /* Box fuer den Kopf  */
   position: absolute;
   position: fixed;
   height: 8em;
   width: 100%;  
   top: 0;
   left: 0;
   z-index: 400;
   background-color: #99CCFF; /*  -- blau -- */
   background-attachment: fixed;
}

div#portrait {   /* Box fuer mein Portrait im Kopf */
    float: left;
/*    padding: 0;  */
/*    border: 0;   */
}

div#kopftext {   /* Box fuer den Text im Kopf */
    position: fixed;
    float: left;
    padding-top: 0.6em;
    padding-left: 0.6em;
    width: 35em; 
    height: 7.5em;
    margin-top: 0;
    margin-left: 10.6em;
    overflow: hidden;
}

div#kopftext table {
/*    padding: 0;  */
/*    border: 0;   */
    border-collapse: collapse;
}

div#kopfdeco {   /* Box fuer die Deco (Moebiusband) im Kopf */
    position: fixed;
    float: left;
    padding-right: 2em;
    padding-top: 0.7em;
    margin-left: 45em; 
}

div#container {  /* Box fuer alle Inhalte unterhalb des Kopfes */
    position: absolute;
    margin-top: 8em;
/*    top: 0;  */
/*    left: 0;  */
/*    padding-left: 0;  */
/*    padding-right: 0; */
/*    padding-top: 0;   */
    width: 100%;
    z-index: 0;
}

div#navigation {   /* Box fuer die Navigationsleiste links */
    position: fixed; 
    margin-top: 8em; 
    top: 0;  
    left: 0; 
    width: 10.6em;
    background-color: #99CCFF; 
    z-index: 500;
    min-height: 1200px;
}

div#linkliste {   /* Box fuer weissen Kasten, der die Navi-Links enthaelt */
    padding-top: 0.9em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.9em;
    margin-left: 1.5em;
    margin-top: 8em; 
    width: 5.5em;
    background-color: #FFFFFF;  /* -- weiss -- */
}

div#linkliste ul {
    padding: 0; 
    list-style-type: none;
}

div#inhalt {    /* Box fuer den variablen Inhalt der Seite */
    position: absolute;
/*    top: 0;  */
/*    left: 0; */
    padding-left: 1.2em; 
    padding-top: 1.2em;
    margin-left: 10.6em; 
    margin-top: 0em;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 100;
} 

div#pfeil {     /* Box fuer den grossen Pfeil nach links */
    float: left;
    margin-top: 4em; 
    margin-left: 2em;
    width: 7.4em;  
}

div#navischatten {   /* Box fuer den Schatten von "navikasten" */
    position: relative;
    margin-left: 12em;  
    width: 36.9em;
    height: 15em;  
    padding-top: 0.6em; 
    padding-bottom: 0.6em;
    background-color: #666666;
    z-index: 200;
}

div#navikasten {   /* Box fuer den Kasten (mit Links) auf der "Home"-Seite */
    position: relative; 
    margin-left: 11em;  
    top: -16.9em;  
    width: 36.9em;  
    height: 15em;  
    padding-top: 0.6em; 
    padding-bottom: 0.6em;
    background-color: #99CCFF;
    border: 1px solid black;  
    z-index: 300;
}

div#FrontNews {  /* Box fuer "Aktuelles" unter dem "navikasten" */
    position: relative;
    top: -15em;  
}

/* */
/* -------------------  img-Klassen ------------ */
/* */

img.klaus {
    font-size: 100%; 
    width: 10.6em; 
    height: 8em;
}

img.moebius {
    font-size: 100%; 
    width: 15em; 
    height: 6em;
}

img.bigleftarrow {
    font-size: 100%; 
    width: 6em;
}

img.latex {
    font-size: 100%; 
    width: 3.5em;
    border: 0;
}

/* */
/* -------------------  Schrift-Klassen  ------ */
/* */

.gross{font-size: 1.3em} /* grosse Schrift  20px */

.klein{font-size: 1em} /* kleine Schrift  16px */

.winzig{font-size: 0.7em} /* winzige Schrift  12px */

.bunt{color: #FF0000; font-weight: bold}

h1.RedTitle, h2.RedTitle, h3.RedTitle {    /* roter Schriftzug in Comic Sans */
   font-family: Comic Sans MS,'Helvetica (Adobe)',serif; 
   color: #FF0000;
   margin-bottom: 0.5em;
   margin-top: 0.3em;
}

/* */
/* ----------------- Link-Klassen ------------- */
/* */

.Taste {  /* Taste fuer Navigation, mit Arial, SansSerif */
   font-family: Arial, sans-serif;
   font-weight: bold;
   margin-top: 0.3em; 
   margin-bottom: 0.3em; 
   margin-left: auto; 
   margin-right: auto; 
   text-align: center;
   padding-left: 0.1em; 
   padding-right: 0.1em;
   background-color: #DCDCDC;
   color: #000000;
   border: 2px solid black;
   border-left-color: white; 
   border-top-color: white;
}

.AktiveTaste {
   font-family: Arial, sans-serif;
   font-weight: bold;
   margin-top: 0.3em; 
   margin-bottom: 0.3em; 
   margin-left: auto; 
   margin-right: auto; 
   text-align: center;
   padding-left: 0.1em; 
   padding-right: 0.1em;
   background-color: #93A9D5;
   color: #000000;
   border: 2px solid black;
   border-left-color: white; 
   border-top-color: white;
}

.SingleLink {  /* einzelne Taste, ohne Festlegung der Schrift */
   background-color: #DCDCDC;
   padding-left: 0.6em;  
   padding-right: 0.6em;
   padding-top: 0.1em;
   padding-bottom: 0.1em; 
   border: 2px solid black;
   border-left-color: white; 
   border-top-color: white;
}

.HauptLink {   /*  Link, nicht im Tasten-Format */
   text-align: right;
   border: 0;
   margin: 0;
   width: 6.8em; 
   padding-right: 0.5em; 
   padding-top: 0.2em;  
   padding-bottom: 0.2em;
   font-weight: bold;
}

.HauptDec {   /* Stil der Deklarationen auf der Home-Seite */
   text-align: left;
   padding-left: 0.4em;
} 

a.Taste:link {
    display: block;
    background-color:#DCDCDC;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

a.Taste:visited {
    display: block;
    text-decoration: none;
    color: black;
}

a.Taste:hover {
    display: block;
    text-decoration: none;
    color: red;
}

a.AktiveTaste:link {
    display: block;
/*    background-color:#00FF00;  */
/*    color: #808000; */
    color: black;
    text-decoration: none;
    font-weight: bold;
}

a.AktiveTaste:visited {
    display: block;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

a.AktiveTaste:hover {
    display: block;
    color: #00FFFF;
    text-decoration: none;
    font-weight: bold;
}

#navikasten a:link {
    color: #0066CC;
}

#navikasten a:hover {
    color: red;
}

a.SingleLink:link {
    color: black;
    text-decoration: none;
}

a.SingleLink:hover {
    color: red;
}

/* */
/*  -------------- Ende Style-Sheet ------------------- */
/* */