@charset "ISO-8859-1";

.orange {color: #f9a03a;}
.white {color: #ffffff;}
.lightgrey { color: #6c6e71;}
.lightgrey_bg { background-color: #6c6e71;} /* für body */
.darkgrey { color: #56575a;}
.darkgrey_bg { background-color: #56575a;} /* für nav und menuoben */
.normalsize {font-size: 15.0pt;}
.small {font-size: 10.5pt;}
.lineheight2 {line-height: 125%;}
.lineheight1 {line-height: 100%;}
.imgborder {border: 3px solid #ffffff;}
.alignright {text-align: right;}

/***** Beginn allgemeines */

/* body */
body {
  font-size: 100.01%;
  font-family: 'Garamond','Times New Roman', Times, serif; /*,Helvetica,Arial,sans-serif;*/
  margin: 0px;
  padding: 0px;
}

/* nav */

ul#nav {
    position:absolute;
    left: 0px;
    top: 158px;
    width: 120px; /* gesamtbreite(!): width + padding-left + padding-right */
    margin: 0px;
    padding-left: 40px; 
    padding-top: 43px; 
    padding-bottom: 18px; /* grauer bereich unten */
    padding-right: 0px;
    border: 0px dotted silver;
    background-color: #56575a;
}

  ul#nav li {
    list-style: none;
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 16px; /* vertikaler abstand */
    padding: 0px;
    border: 1px solid #6c6e71; /* für IE 6.0, der braucht das.*/
    border-right: none; /* für IE 6.0, der braucht das.*/
  }

  ul#nav li.fineart {
    list-style: none;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px; /* vertikaler abstand */
    padding: 0px;
    border: 1px solid #6c6e71; /* für IE 6.0, der braucht das.*/
    border-right: none; /* für IE 6.0, der braucht das.*/
  }

  ul#nav a, ul#nav span {
    display:block;
    padding: 2px; 
    padding-left: 20px;
    padding-right: 0px;
    margin:0px;
    text-decoration: none;
    border: 0px solid black;
    color:#ffffff;
    background-color: #6c6e71;
}

  ul#nav a:hover, ul#nav span{
    color: #f9a03a;
    background-color: #6c6e71;
}

/* menuoben */

ul#menuoben {
  position: absolute;
  top: 0px; left: 80px;
  margin: 0px; /* den margin-/padding-left des li-elements beachten!*/
  padding: 0px;
  text-align: center;
  border: 0px dotted white;
  z-index:5; /* firefox braucht das, damit <a> funktionieren, konflikt mit titel*/
  width: 900px;
}

ul#menuoben li {
    list-style: none;
    display: inline;
    margin: 0px; 
    padding: 0px;
    border: 0px dotted black;
  }

  ul#menuoben a, ul#menuoben span {
    float: left; 
    /*width: 200px; /* innen-breite der li-elemente */
    margin: 5px 5px; /* o+u r+l abstand zwischen li-elementen */
    padding: 3px 10px; /* innenabstand oben+unten links+rechts */
    font-weight: normal;
    text-decoration: none;
    border: 0px solid purple;
    color: #ffffff; background-color: #56575a;
    white-space: nowrap;
  }

ul#menuoben.libreit a, ul#menuoben span {
  min-width:90px; /* innen-breite der li-elemente */
}

  ul#menuoben a:hover, ul#menuoben span {
    color: #f9a03a;
  }

  ul#menuoben div { clear: left; }

/* titel */

div#titel {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px dotted silver;
  z-index: 100;
}

div#titel img.schriftzug {
  position: absolute; top: 35px; left: 0px;
  z-index: 10;
  padding: 0px;
  margin: 0px;
  margin-left: 100px;
  width: 600px;
}

div#titel img.kopf {
  position: absolute;
  top: 155px;
  left: 175px;
  border: 3px solid #ffffff;
  margin: 0px; padding: 0px;
}

div#titel p {
  position: absolute;
  top: 60px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width: 290px; /* abstand vom linken rand */
  text-align: right;
  border: 0px dotted purple;
}

/* inhalt */

div#inhalt {
  position:absolute;
  top:0px;
  left:160px;
  color: white;
  margin: 0px;
  padding: 0px;
  border: 0px dotted white;
}

div#inhalt div.links {
  position: absolute; 
  left: 120px; top: 150px;
  width: 305px;
  margin: 0px;
  padding: 0px;
  border: 0px dashed maroon;
  text-align: left;
}

div#inhalt div.rechts {
  position: absolute;
  left: 430px; top: 150px;
  width: 305px;
  margin: 0px;
  padding: 0px;
  border: 0px dashed purple;
  text-align: left;
}

div#inhalt p, div#showpic p {
  text-decoration: none;
  border: 0px solid black;
  margin: 0px;
  padding: 0px;
  line-height: 125%
}

div#inhalt ul, div#inhalt ul {
  margin: 0px;
  padding-left: 20px;
  line-height: 125%;
}

div#inhalt p a, div#showpic p a {
  text-decoration: none;
  color: #f9a03a;
}

div#inhalt p a:hover, div#inhalt p a:hover {
  text-decoration: none;
  color: #ffffff;
}

div#inhalt .abstand {margin-bottom:6px;} /* abstand nach absatz */

div#inhalt.fineart div { /* für bilder-beschriftung */
 border: 0px dashed silver;
 margin: 0px;
 padding: 0px;
}

div#inhalt.fineart p, div#inhalt.fineart span { /* für bilder-beschriftung */
  text-decoration: none;
  padding: 0px;
  margin: 3px;
  border: 0px dashed black;
  white-space: nowrap;
}

div#inhalt.fineart img { /* für bilder-beschriftung */
  margin: 2px;
  padding: 0px;
  border: 3px solid #ffffff;
}

/* *** Beginn "homepage.html" *** */

div#titel_homepage{
  position:absolute; top:40px; left:40px;
  margin: 0px;
  padding: 0px;
  border: 0px solid white;
  z-index:10;
}