/* DATEI: hgs:css */

/* zentrale CSS-Datei fuer alle HGS Webseiten */


body {
  color: black; 
  background-color: white;
  font-size: 100%;
}

h1 {
    font-size: 2em;
    margin: 0 0 0.7em; padding: 0em;
    text-align: center;
    border: 0;
    font-family: Comic Sans MS,Helvetica,Arial,sans-serif;
    font-style:italic;
    font-weight:bold;
}
  
h2 {
    font-size: 1.5em;
    margin: 0 0 0.7em; padding: 0em;
    text-align: center;
    border: 0;
    font-family: Comic Sans MS,Helvetica,Arial,sans-serif;
    font-style:italic;
}

img{
  border:none;
}
  
ul#Navigation {
  font-size: 0.91em;
  float: left; width: 22em;
  margin: 0; padding: 0;
}


.navbox {
  font-family: Comic Sans MS,Arial,sans-serif;
  font-weight: bold;
  position:fixed; left:20px; height:28px; width:163px; z-index:1; border:1px solid; background:white;
  padding: 4px 0px 0px 2px;
  vertical-align:middle;
  color: black; background-color: white;
}

.navblack {
  position:fixed; 
  left:125px; 
  width:61px; 
  height:24px; 
  z-index:10;
/*  border:1px solid black; */ 
  background:black;
}
    
.drucker {
  position:fixed;
  top:450px; 
  left:50px;  
}        

ul#Navigation li {
  list-style: none;
  margin: 0; padding: 0;
}
ul#Navigation a {
  font-family: Comic Sans MS,Arial,sans-serif;
  font-weight: bold;
  vertical-align:middle;
  text-decoration: none;
  padding: 3px 0px 0px 10px;
  position:fixed; left:0px; height:29px; width:175px; z-index:3; border:1px solid; background:white;
  color: black; background-color: white;
}

/*
ul#Navigation a:hover {
  left:0px; height:28px; width:190px; z-index:2;
}
*/


div#Titel {
  color: black; 
  font-family: Comic Sans MS,Helvetica,Arial,sans-serif;;
  padding: 1em;
/*  margin-left: 290px; */
  position:absolute; left:195px; top:5px; right:0px;
  text-align: center;
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

div#Logo {
  position:fixed; 
  top:5px; 
  left:55px;
}

div#Inhalt {
  font-family: Trebuchet MS,Arial,sans-serif;
  color: black;
/*  margin-left: 270px; */
  position:absolute; left:195px; top:100px; right:0px;
  padding: 0 1em;
  border-left: 1px solid black;
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

div#Inhalt a:link{
  color: black;
}

div#Inhalt a:visited{
  color: black;
}

div#Inhalt h1 {
  font-size: 1.5em;
  margin: 0 0 1em;
}
div#Inhalt h2 {
  font-size: 1.1em;
  margin: 0 0 2em;
  text-align: center;
}

div#Index {
  font-family: Trebuchet MS,Arial,sans-serif;
  color: #FFFF99;
  padding-top:5%;
}

div#Index a:link{
  color: #FFFF99;
}

div#Index a:visited{
  color: #FFFF99;
}

div#Index h1 {
  font-size: 1.5em;
  margin: 0 0 1em;
}
div#Index h2 {
  font-size: 1.1em;
  margin: 0 0 2em;
  text-align: center;
}

/* derzeit Standard
div#Inhalt p {
  font-size:1em;
  margin-top: 1em;
}
*/

/* Browserweiche fuer <= IE6, da diese planloserweise position:fixed noch nicht verstehen... :-O */
* html ul#Navigation a {
  position:absolute;
}
* html .navbox {
  position:absolute;
}
* html .navblack {
  position:absolute;
}
* html div#Logo {
  position:absolute;
}
* html .drucker {
  position:absolute;
}