/**
 * Program Library ROSSTAL
 *
 * Datei rosstal.css: für allgemeine Ausgabe
 *
 * Copyright (c) 2004-2008 Dr. Werner Schläger
 *
 * http://www.w3.org/TR/css3-selectors/
 */

/* Type Selectors --------------------------------------------------- */

/* Structure Module */

html {
  height: 101%;  /* 100% und 0.01px reicht nicht wg. Opera */
  /* margin-bottom: 0.01px; */ /* Verhindert das Springen des Bildes in FireFox, ... */
  }
body  {
  background: #faefd6;
  background-image: url(images/bgrosst.gif);
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
  text-align: center;
  }

/* Text Module */

blockquote {/* langes Zitat */
  display: block;
  margin: 0.25em 40px 0.25em 40px;
  padding: 0;
  font-style: italic;
  font-size: 0.9em;
  }
cite { /* Zitat */
  font-style: italic;
  }
code { /* Computer Code */
  font-family: monospace;
  }
div { /* allgemeiner Container (blockorientiert) */
  display: block;
  }
div.google {
  padding: 0;
  margin: 0;
  margin-left:auto; margin-right:auto;
  text-align: center;
  border-color: #ccc;
  border-style: solid;
  border-width: 2px;
  }

em { /* Betonung */
  font-style: italic;
  }
h1,h2,h3,h4,h5,h6 { /* Überschriften */
  font-weight: bolder;
  color: black;
  padding: 0;
  }
h1 {
  font-size: 1.5em; margin: .5em 0;
  /*   font-size: 150%;
  margin: 0.4em 0; */
  }
h2 {
  font-size: 1.3em; margin: .5em 0;
  /*   font-size: 130%;
  margin: 0.3em 0;
  */ }
h3 {
  font-size: 1.10em; margin: 0.5em 0;
  /*   font-size: 110%;
  margin: 0.2em 0; */
  }
h4 {
  margin: 0.5em 0;
  /*   font-size: 100%; */
  }
h5 {
  font-size: .83em; margin: 0.5em 0;
  /*   font-size: 80%;
  margin-bottom: 20px;
  padding-bottom: 0px; */
  }
h6 {
  font-size: .67em; margin: 0.5em 0;
  /* font-size: 70%;  */
  }
kbd { /* vom Benutzer einzugebender Text */
  font-family: monospace;
  }
p { /* Absatz */
  margin-top: 3pt;
  margin-bottom: 3pt;
  border-color: green;
  border-style: none;
  border-width: 1px;
  }
pre { /* vorformatierter Text */
  display: block;
  font-family: monospace;
  }
q { /* kurzes Zitat */
  display: inline;
  font-style: italic;
  }
q:before, q:after { /* wg. Firefox! */
  content: "";
  }
samp { /* Beispielausgabe eines Programms */
  font-family: monospace;
  }
span { /* allgemeiner Container (inline) */
  display: inline;
  }
strong { /* starke Hervorhebung */
  font-weight: bolder;
  }
var { /* Variable */
  display: inline;
  font-style: italic;
  }
acronym {
  border-bottom: 1px dotted black;
  }

/* Hypertext Module */

a {
  display: inline;
  }
a.pdf:after {
  content: url("images/pdf.gif");
  }

/* List Module */

dl {
  display: block;
  margin-top: 3pt;
  margin-bottom: 3pt;
  }
dt {
  display: block;
  }
dd {
  display: block;
  }
ol {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  }
ul {
  display: block;
  margin-top: 3pt;
  margin-bottom: 3pt;
  }
li {
  display: list-item;
  }

/* Presentation Module */

hr {
  color: black;
  height: 1px;
  border: 1px inset black;
  margin: 5px 0 5px 0;
  }
big {
  font-size: 1.17em;
  }
small {
  font-size: .83em;
  }
sub {
  font-size: .83em;
  vertical-align: sub;
  }
sup {
  font-size: .83em;
  vertical-align: super;
  }
tt {
  font-family: monospace;
  }

/* Tables Module */

table {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  }
table tr {
  vertical-align: top;
  }
table td {
  padding-right: 0.25em;
  vertical-align: top;
  }
table.center {
  margin-left: auto; margin-right: auto;
  }

/* -- Tabelle mit Rahmen -- */

table.frame {
  width: 100%;
  color: black;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
  }
table.frame tr {
  }
table.frame th {
  background: #ccc;
  vertical-align: top;
  border-style: solid;
  border-width: 1px;
  font-family: arial, helvetica, sans-serif;
  /* text-align: left; */
  padding: 2px;
  }
table.frame td {
  vertical-align: top;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  }

/* Image Module */

img {
  border: none;
  }

img.border {
  margin-top: 3px;
  border-color: #ccc;
  border-style: solid;
  border-width: 2px;
  }

/* End of Type Selectors  */

/* ID Selectors ----------------------------------------------------- */

#rosstal {
  display: block;
  margin: 0 auto; /* zentriert die Seite */
  width: 680px;
  color: green;
  background: white;
  padding: 10px 10px 0px 10px;
  text-align: left;

  border-color: black;
  border-style: solid;
  border-width: 1px;
  }
#header {
  height: 170px;
  border-color: #ccc;
  border-style: solid;
  border-width: 2px;
  border-top: none;
  border-left: none;
  border-right: none;
  background: #eee;
  padding: 0;
  }
#header-logo {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 10px 10px 0 10px; /* top/right/bottom/left */
  height: 150px;
  width: 128px;
  background: inherited;
  float: left;
  }
#header-logo-small {
  display: none;
  }
#header-text {
  position: relative;
  top: 0px;
  left: 0px;
  height: 150px;
  float: left;
  padding: 10px 0px 0px 0px; /* top/right/bottom/left */
  /* background: white; */
  color: black;
  font-weight: bolder;
  }
#header-text #z1 {
  line-height: 30px;
  font-size: 26px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 5pt;
  }
#header-text #z2 {
  font-size: 21px;
  margin-top: 0pt;
  margin-bottom: 7pt;
  }
#header-text #z3 {
  font-size: 16px;
  margin-top: 0pt;
  margin-bottom: 5pt;
  }
#header-text #z4 {
  font-size: 13px;
  margin-top: 0pt;
  margin-bottom: 5pt;
  }
#header-text #z5 {
  font-size: 11px;
  line-height: 18px;
  margin-top: 0pt;
  margin-bottom: 0pt;
  }
#header-addr {
  position: relative;
  top: 0px;
  left: 0px;
  vertical-align: top;
  padding: 10px 0px 0px 0px; /* top/right/bottom/left */
  background: maroon;
  text-align: right;
  display: none;
  }
#header-navi {
  position: relative;
  top: 0px;
  left: 0px;
  height: 145px;
  color: black;
  float: right;
  text-align: right;
  font-size: 12px;
  /*
  padding: 10px 10px 5px 0px;
  */
  padding: 10px 10px 5px 0px;
  background: inherited;
  }
#main {
  display: block;
  width: 100%;
  color: black;
  margin: 0;
  padding: 10px 0 0 0;
  border-color: green;
  border-style: none;
  border-width: 1px;
  }
#footer {
  background: #eee;
  position: relative;
  display: block;
  font-family: arial, helvetica, sans-serif;
  font-style: italic;
  color: black;
  border-color: #ccc;
  border-style: solid;
  border-width: 2px;
  border-bottom: 0;
  border-left: none;
  border-right: none;
  padding: 5px 5px 5px 5px;
  text-align: center;
  font-size: 10px;
  margin-top: 10px;
  clear: both;
  }
#validated {
  background: #eee;
  margin: 0 auto 0 auto;
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 10px;
  }

/* Navigations-Block */

/* IE browsers except IE7 workaround. Reihenfolge ist wichtig! */

* html ul.navi-path li {
  background-image: url(images/gt.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 1em;
  margin: 0;
  }
* html ul.navi-path li.first {
  background-image: none;
  padding: 0;
  margin: 0;
  }
* html ul.navi-path li:first-child {
  background-image: none;
  }
* html ul.navi-alt li {
  background-image: url(images/bar.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 1em;
  margin: 0;
  }
* html ul.navi-alt {
  font-size: 12px;
  }
* html ul.navi-alt li.first {
  background-image: none;
  padding: 0 0 0 1em;
  margin: 0;
  }
* html ul.navi-alt li:first-child {
  background-image: none;
  }
* html ul.navi-none li {
  background-image: none;
  padding: 0 0 0 0.5em;
  margin: 0;
  }
* html ul.navi-none li:first-child {
  background-image: none;
  }

/* All browsers except IE6: Reihenfolge ist wichtig: zuerst IE6! */

html ul.navi-path {
  list-style: none;
  padding: 2px 0 5px 0;
  margin: 5px 0 5px 0;
  text-align: right;
  }
html ul.navi-path li {
  display: inline;
  background-image: url(images/gt.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 1em;
  margin: 0;
  }
/* kann IE7 nicht ...
html ul.navi-path li:before {
  content: "> ";
  }
html ul.navi-path li:first-child:before {
  content: "";
  }
*/
html ul.navi-path li.first {
  background-image: none;
  padding-left: 0;
  }
html ul.navi-alt {
  font-size: 12px;
  list-style: none;
  padding: 5px 0 5px 0;
  margin: 5px 0 5px 0;
  text-align: right;
  }
html ul.navi-alt li {
  display: inline;
  background-image: url(images/bar.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0 0 1em;
  margin: 0;
  }
/* kann IE7 nicht ...
html ul.navi-alt li:before {
  content: "| ";
  }
html ul.navi-alt li:first-child:before {
  content: "";
  }
 */
html ul.navi-alt li.first {
  background-image: none;
  padding-left: 0;
  }
html ul.navi-none {
  list-style: none;
  padding: 5px 0 5px 0;
  margin: 5px 0 5px 0;
  text-align: right;
  }
html ul.navi-none li {
  display: inline;
  background-image: none;
  padding: 0 0 0 0.5em;
  margin: 0;
  }

/* End of ID Selectors */

/* Class Selectors -------------------------------------------------- */

.hide {
  display: none;
  }
.smaller {
  font-size: 80%;
  }
.clear {
  clear: both;
  }
.clear-both {
  clear: both;
  }
.indent {
  padding-left: 40px;
  padding-right: 40px;
  }
.left {
  float: left;
  }
.center {
  text-align: center;
  }
.right {
  float: right;
  }
.autor {
  font-variant: small-caps;
  white-space: nowrap;
  }
.name {
  /* font-variant: small-caps; */
  font-style: italic;
  white-space: nowrap;
  }
.nobr {
  white-space: nowrap;
  }

.img-left {
  float: left;
  padding: 0;
  margin: 5px 10px 5px 0;
  }
.img-left img {
  float: left;
  margin-top: 0px;
  border-color: #ccc;
  border-style: solid;
  border-width: 2px;
  margin-right: 10px;
  }
.img-left .text {
  float: left;
  color: black;
  background-color: white;
  font-size: smaller;
  }

.img-center {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  }
.img-center img {
  margin-top: 0px;
  border-color: #ccc;
  border-style: solid;
  border-width: 2px;
  margin-right: 10px;
  }
.img-center .text {
  color: black;
  background-color: white;
  font-size: smaller;
  }

.img-right {
  float: right;
  padding: 0;
  margin: 5px 0 5px 10px;
  }
.img-right img {
  margin-top: 0px;
  border-color: #ccc;
  border-style: solid;
  border-width: 2px;
  margin-right: 10px;
  }
.img-right .text {
  float: left;
  margin-right: 20px;
  color: black;
  background-color: white;
  font-size: smaller;
  }
.intro {
  font-weight: bold;
  }
.satz {
  font-size: x-small;
  vertical-align: top;
  }

/* End of Class Selectors */
