/* ****************************************************************************** */
/* * Stylesheet-Definitionen für Veikkos Homepage                               * */
/* ****************************************************************************** */

/* allgemeine Definitionen */
/* ----------------------- */

/* HTML-Element */
html { width:100%;
       margin-top:0;
       margin-bottom:0;
       margin-left:0;
       margin-right:0;
     }

/* Standardseite */
body { width:97%;
       font-family:'Times New Roman',Times,Helv,Arial,Verdana,Sans-Serif;
       font-size:101%;
       text-align:justify;
       margin-top:0;
       margin-bottom:0;
       margin-left:0;
       margin-right:0;
       padding:10px;
       color:#0000C8;
       background-color:#80C8FF;
       background-image:url(background.gif);
       background-repeat:no-repeat;
       background-attachment:fixed;
       background-position:center;
     }

/* zentrale Tag-Definitionen */
/* ------------------------- */


p, td, li {
            margin:0;
            padding-left:1%;
            padding-right:1%;
            padding-top:15px;
            padding-bottom:0;
            font-size:1.1em;
            line-height:1.3em;
          }

ol { margin:0;
     padding:0;
     list-style-position:inside;
   }

li { padding:0 1%;
   }

table { border-collapse:collapse;
      }

td { padding-left:10px;
     padding-right:10px;
     padding-top:8px;
     padding-bottom:8px;
   }

h1, h2, h3, h4, h5, h6  {
                          margin:0px;
                          padding-left:1%;
                          padding-right:1%;
                          padding-top:15px;
                          padding-bottom:5px;
                          color:#000066;
                          text-align:center;
                        }

h1 { font-size:2.8em;
   }

h2 { font-size:1.5em;
   }

h3 { font-size:1.4em;
   }

h4 { font-size:1.2em;
   }

h5 { font-size:1.0em;
   }

h6 { font-size:0.8em;
   }

/* Grafiken */

img { border:0;
      margin:auto;
    }

/* Links */

a:link { color:#000066; }
a:link.aktiv { color:white; }

/* besuchter Link */
a:visited { color:#1E60CC; }
a:visited.aktiv { color:white; }

/* aktiver Link */
a:active { color:white; }

/* Link "mit Mauszeiger drüber" */
a:hover { color:#000064; background-color:#6099CC; }
a:hover[name] { background-color:transparent; }



/* Formatierungs-Divs */
/* ------------------ */

/* linke Seite */
#linkeseite { float:left;
              width:9.5em;
              overflow:visible;
              margin-top:0;
              margin-bottom:10px;
              margin-left:0;
              margin-right:0;
              color:#80C8FF;
              background-color:#3232C8;
              border-width:2px;
              border-color:#C8F0FF;
              border-style:solid;
            }

#linkeseite * h3,
#linkeseite * h4  {
                        margin:0px;
                        padding-left:1%;
                        padding-right:1%;
                        padding-top:5px;
                        padding-bottom:0;
                        color:#1E90FF;
                      }

#linkeseite * a {text-decoration:none;
                }

#linkeseite * a:link { color:#1E90FF; }
#linkeseite * a:link.aktiv { color:white; }

/* besuchter Link */
#linkeseite * a:visited { color:#80C8FF; }
#linkeseite * a:visited.aktiv { color:white; }
#linkeseite h3 > a:visited { color:#1E90FF; }

/* aktiver Link */
#linkeseite * a:active { color:white; }

/* Link "mit Mauszeiger drüber" */
#linkeseite * a:hover { color:#000064; background-color:#6099CC; }
#linkeseite h3 > a:hover {color:#000064; background-color:#6099CC; }


/* Navigations- und Ergänzungs-Div */
#navileiste,
#ergaenzung { margin-top:0;
              margin-bottom:0;
              margin-right:0;
              margin-left:0;
              padding-top:10px;
              padding-bottom:20px;
              padding-left:10px;
              padding-right:10px;
            }

#navileiste { margin-top:10px;
              text-align:left;
            }

#navileiste table,
#navileiste tr,
#navileiste td { padding-left:0;
                 padding-right:0;
               }

#navileiste table { margin-top:0em;
                    margin-bottom:0em;
                  }

#navileiste tr,
#navileiste td { margin:0;
               }

#ergaenzung { text-align:center;
            }

/* Inhalts-Div */
#inhalt     { margin-top:10px;
              margin-bottom:10px;
              margin-left:10em;
              margin-right:10px;
              padding-top:10px;
              padding-bottom:10px;
              padding-left:10px;
              padding-right:10px;
            }

/* Inhalts-Div, jedoch für ganze Seite */
#inhalt.ganzeseite { float:none;
                     width:95%;
                     margin:1% auto;
                     padding:1%;
                   }

/* DIV für die zweite Navigationsebene */

.navi2div     { margin:0;
                padding:0;
                font-size:0.75em;
                display:none;
              }

/* Schaltfläche für die zweite Navigationsebene */

.navipfeil  { visibility:hidden;
            }

.navipfeilsichtbar  { visibility:visible;
                      cursor:pointer;
                    }

.navipfeil img,
.navipfeilsichtbar img { width:0.65em;
                         height:0.65em;
                       }
/* DIV für Links zu amazon */
.buchlink   { float:left;
              background-color:#80B8EF;
              width:120px;
              margin-right:1%;
              margin-left:1%;
              margin-top:20px;
              padding:10px;
              font-size:0.75em;
              text-align:center;
            }

/* Zweite Navigationsebene */

div.navi2div div  {
                    /*margin:auto; */
                    padding-top:0;
                    padding-bottom:0;
                    padding-left:0;
                    padding-right:0;
                  }

div.navi2div p    { /* text-align:center; */
                    padding:0;
                  }

/* Überschriften */

/* Definition der einzelnen Klassen */
/* -------------------------------- */

.weiss { color:white;             /* weißer Text */
         background-color:#80B8EF;
       }

.hinweistext { font-size:0.75em; } /* Hinweistexte */

.neu { color:red; }            /* Format der Hinweismeldung "Neu" */

.fett { font-weight:bold; }       /* fetter Text */

.linktab { width:19em; }         /* Tabelle auf der Link-Seite */

.icon { margin:0;
        border:0;
        padding:0;
        position:relative;
        top:0.15em;
        left:0;
      }