/*
 * Formatdatei für die Webseite der BI Weltkulturerbe
 * erstellt von Jochen Böttcher jochen.boettcher at web.de
 *
 * Informationen über die verschiedenen Formate: http://de.selfhtml.org/css
 ****************************************************************************/
body {
  background            : rgb(225,225,225);
  color                 : #777;
  font                  : 15px/1.4em Arial, Tahoma, Verdana, sans-serif;
  margin                : 0px;
  padding               : 0px;
  text-align            : center;
  }

/* Allgemeines:
  ------------- */
@media screen{
p {
  margin                : 0 0 8px 0;
  text-align            : justify;
  }
a,
a:link {
  color                 : rgb(133,146,93);
  font-weight           : bold;
  text-decoration       : none;
  }
a:visited {
  color                 : rgb(133,146,93);
  font-weight           : bold;
  text-decoration       : none;
  }
a:hover, a:active {
  color                 : rgb(133,146,93);
  text-decoration       : underline;
  }

h1, h2, h3, h4, h5, h6 {
  color                 : rgb(120,120,120);
  font-family           : Georgia, serif;
  margin-bottom         : 15px;
  margin-top            : 10px;
  }
h1 {
  font-size             : 20px;
  font-weight           : 900;
  margin-bottom         : 20px;
  }
h2 {
  font-size             : 18px;
  font-weight           : 900;
  }
h3 {
  font-size             : 16px;
  }
h4 {
  font-size             : 13px;
  }

ul {
  list-style            : none;
  padding               : 0;
  text-indent           : 0px;
  text-indent          : 0px;
  margin-left          : 16px;
  }

li {
  list-style           : url(css_bilder/bullet_li.gif);
  background           : none;
  padding-left         : 0px;
  }

li.nachoben {
  list-style           : url(css_bilder/bullet_oben.gif);
  background           : none;
  padding-left         : 0px;
  }

li.zurück {
  list-style	       : url(css_bilder/bullet_re.gif);
  background           : none;
  padding-left         : 0px;
  }

.klein {
  font-size             : 8pt;
  }

.bildbeschreibung {
  font-size             : 8pt;
  font-style            : italic;
  line-height           : 130%;
  }

hr {
  background            : url(css_bilder/linie.gif) no-repeat;
  border                : 0px;
  height                : 1px;
  text-align            : left;
  }

/* Bereiche:
  ---------- */

div#hintergrund {
  display               : block;
  margin                : 20px auto;
  padding-bottom        : 10px;
  position              : relative;
  text-align            : left;
  width                 : 704px;
  }

div#kopf_wblick, div#kopf_schafe, div#kopf_wiesen, div#kopf_nebel, div#kopf_wblick1, div#kopf_heuballen {
  display               : block;
  height                : 222px;
  position              : relative;
  width                 : 704px;
  }
div#kopf_wblick {
  background            : url(css_bilder/kopf_wblick.jpg) no-repeat;
  }
div#kopf_schafe {
  background            : url(css_bilder/kopf_schafe.jpg) no-repeat;
  }
div#kopf_wiesen {
  background            : url(css_bilder/kopf_wiesen.jpg) no-repeat;
  }
div#kopf_nebel {
  background            : url(css_bilder/kopf_nebel.jpg) no-repeat;
  }
div#kopf_wblick1 {
  background            : url(css_bilder/kopf_wblick1.jpg) no-repeat;
  }
div#kopf_heuballen {
  background            : url(css_bilder/kopf_heuballen_gr.jpg) no-repeat;
  }


ul#menu {
  display               : block;
  left                  : 573px;
  margin                : 0px;
  padding               : 0px;
  position              : absolute;
  top                   : 235px;
  width                 : 129px;
  z-index               : 4;
  }

div#inhalt_kopf {
  background            : url(css_bilder/inhalt_kopf.gif) no-repeat;
  display               : block;
  height                : 13px;
  position              : absolute;
  top                   : 222px;
  width                 : 704px;
  z-index               : 1;
  }

div#inhalt {
  background            : url(css_bilder/inhalt_hintergrund.gif) repeat-y;
  display               : block;
  left                  : 0px;
  margin                : 0px;
  padding               : 20px 150px 20px 33px;
  position              : relative;
  top                   : 13px;
  /*position              : absolute;
  top                   : 235px;*/
  width                 : 521px;
  z-index               : 2;
  }
* html div#inhalt {
  width                 : 704px;              /* ie 5 */
  w\idth                : 521px;              /* ie 6 */
  }

div#inhalt_fuss {
/* bei dünnem Fußbalken:
  background            : url(css_bilder/inhalt_fuss_duenn.gif) no-repeat;
  height                : 16px;*/
/* bei dickem Fußbalken:*/
  background            : url(css_bilder/inhalt_fuss_dick.gif) no-repeat;
  height                : 30px;
  margin                : 0 auto;
  position              : relative;
  width                 : 704px;
  z-index               : 3;
  }

div#fuss {
  background            : url(css_bilder/logo_wblick.gif) no-repeat;
  display               : block;
  left                  : 573px;
  height                : 500px;
  margin                : 0px;
  padding               : 0px;
  position              : relative;
/* bei dünnem Fußbalken:*/
  top                   : -142px;
/* bei dickem Fußbalken:*/
  top                   : -156px;
  width                 : 129px;
  z-index               : 4;
  }

/* Menü:
  ------ */
ul#menu {
  border-bottom         : 1px solid rgb(220,220,220);
  list-style-type       : none;
  text-align            : left;
  text-decoration       : none;
  text-indent           : 20px;
  text-transform        : lowercase;
  }

/* Einzelner Menüpunkt */
ul#menu li {
  background            : none;
  border-top            : 1px solid rgb(220,220,220);
  list-style            : url(); /* für den doofen ie */
  list-style-type       : none;
  margin                : 0px;
  padding               : 0px;
/*  position              : relative;*/
  }

/* Link des einzelnen Menüpunktes */
ul#menu li a,
ul#menu li a:link,
ul#menu li a:hover,
ul#menu li a:focus,
ul#menu li a:active  {
  background            : url(css_bilder/bullet.gif) no-repeat;
  color                 : rgb(130, 140, 100);
  display               : block;
  font-family           : Verdana,Arial,sans-serif;
  font-size             : 16px;
  font-style            : normal;
  font-variant          : normal;
  font-weight           : normal;
  height                : 20px;
  line-height           : 20px;
  margin                : 0px;
  padding               : 2px;
  }

/* Link, des einzelnen Menüpunktes
   wenn mit der Maus drübergefahren wird (hover),
   wenn der Focus drauf gesetzt wird (focus) oder
   wenn der Link aktiv ist (active) */
ul#menu li a:hover,
ul#menu li a:focus,
ul#menu li a:active {
  background            : url(css_bilder/menu_hover.gif) no-repeat rgb(230,230,205);
  text-decoration       : none;
  }

/* Link des AKTIV gekennzeichneten Menüpunktes */
ul#menu li#aktiv a {
  background            : url(css_bilder/bullet_invers.gif) no-repeat;
  background-color      : rgb(180,200,120);
  }

/* Untermenü:
  ----------- */
ul#menu li ul,
ul#menu li#aktiv ul {
  left                  : 20px;
  list-style            : url(); /* für den doofen ie */
  list-style-type       : none;
  margin                : 0px;
  padding               : 0px;
  position              : relative;
  text-align            : left;
  text-decoration       : none;
  text-indent           : 20px;
  text-transform        : lowercase;
  width                 : 109px;
  }
/* Untermenü: Einzelner Menüpunkt */
ul#menu li ul li,
ul#menu li#aktiv ul li {
  background            : none;
  border-top            : 1px solid rgb(220,220,220);
  font                  : italic normal normal 12px 15px Verdana,Arial,sans-serif;
  list-style-type       : none;
  margin                : 0px;
  padding               : 0px;
/*  position              : relative;*/
  }

/* Untermenü: Link des einzelnen Menüpunktes */
ul#menu li ul li a,
ul#menu li ul li a:link,
ul#menu li ul li a:hover,
ul#menu li ul li a:focus,
ul#menu li ul li a:active,
ul#menu li#aktiv ul li a,
ul#menu li#aktiv ul li a:link,
ul#menu li#aktiv ul li a:hover,
ul#menu li#aktiv ul li a:focus,
ul#menu li#aktiv ul li a:active {
  background            : url(css_bilder/bullet.gif) no-repeat;
  background-color      : transparent;
  color                 : rgb(130, 140, 100);
  display               : block;
  font-family           : Verdana,Arial,sans-serif;
  font-size             : 12px;
  font-style            : normal;
  font-variant          : normal;
  font-weight           : normal;
  height                : 20px;
  line-height           : 16px;
  padding               : 2px 0px 0px 0px;
  }

/* Untermenü: Link, des einzelnen Menüpunktes
   wenn mit der Maus drübergefahren wird (hover),
   wenn der Focus drauf gesetzt wird (focus) oder
   wenn der Link aktiv ist (active) */
ul#menu li ul li a:hover,
ul#menu li ul li a:focus,
ul#menu li ul li a:active,
ul#menu li#aktiv ul li a:hover,
ul#menu li#aktiv ul li a:focus,
ul#menu li#aktiv ul li a:active  {
  background            : url(css_bilder/menu_sub_hover.gif) no-repeat rgb(230,230,205);
  text-decoration       : none;
  }

ul#menu li ul li#aktiv_sub1 a,
ul#menu li#aktiv ul li#aktiv_sub1 a {
  background            : url(css_bilder/bullet_invers.gif) no-repeat rgb(180,200,120);
  }

ul#menu li#aktiv ul li a,
ul#menu li#aktiv ul li a:link,
ul#menu li#aktiv ul li a:hover,
ul#menu li#aktiv ul li a:focus,
ul#menu li#aktiv ul li a:active {
  }

/* Menü: Beheben von IE 5-Bugs:
  - - - - - - - - - - - - - - - */

/* Hauptmenü: */
* html ul#menu li {
  margin-bottom         : -3px;
  marg\in-bottom        : 0px;
  }

* html ul#menu a,
* html ul#menu a:link,
* html ul#menu a:hover,
* html ul#menu a:focus,
* html ul#menu a:active  {
  height                : 24px;               /* ie 5 */
  he\ight               : 20px;               /* ie 6 */
  margin                : 0px 0px 0px -16px;  /* ie 5 */
  ma\rgin               : 0px;                /* ie 6 */
  padding               : 2px 0px 0px 20px;   /* ie 5 */
  padd\ing              : 2px;                /* ie 6 */

  text-indent           : 0px;                /* ie 5 */
  text-\indent          : 20px;                /* ie 6 */
  }

/* Untermenü: */
* html ul#menu li ul,
* html ul#menu li#aktiv ul {
  top                   : -3px;
  t\op                  : 0px;
  }
* html ul#menu li ul li,
* html ul#menu li#aktiv ul li {
  margin-bottom         : -3px;                /* ie 6 */
  marg\in               : 0px;                /* ie 6 */
  }
* html ul#menu li ul li a,
* html ul#menu li ul li a:link,
* html ul#menu li ul li a:hover,
* html ul#menu li ul li a:focus,
* html ul#menu li ul li a:active,
* html ul#menu li#aktiv ul li a,
* html ul#menu li#aktiv ul li a:link,
* html ul#menu li#aktiv ul li a:hover,
* html ul#menu li#aktiv ul li a:focus,
* html ul#menu li#aktiv ul li a:active  {
  height                : 20px;               /* ie 5 */
  he\ight               : 20px;               /* ie 6 */
  margin                : 0px 0px 0px -16px;  /* ie 5 */
  ma\rgin               : 0px;                /* ie 6 */
  padding               : 2px 0px 0px 20px;   /* ie 5 */
  padd\ing              : 2px                 /* ie 6 */
  line-height           : 10px;
  l\ine-height           : 16px;
  text-indent           : 0px;                /* ie 5 */
  text-\indent          : 0px;                /* ie 6 */
  }
/* ENDE Beeben von IE5-Bugs*/


/* Formularformate: */
/* ---------------- */

/* Tabelle: */
.formulartabelle
  {
  table-layout          :auto;
  width                 :100%;
  border-width          :0;
  border-spacing        :0;
  margin                :0;
  padding               :0;
  }
#spalte1
  {
  width                 : 25%;
  }
#spalte2
  {
  width                 : 75%;
  }

/* Schaltfläche: */
.taste {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-style            : normal;
  font-size             : 8pt;
  font-weight           : normal;
  background-color      : rgb(191,191,191);
  color                 : black;
  border                : 1px solid rgb(175,175,175);
  padding               : 2px;
  }

/* Eingabefeld: */
.eingabefeld
  {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 8pt;
  text-align            : left;
  vertical-align        : bottom;
  color                 : black;
  margin                : 0px;
  width                 : 90%;
  border                : solid 1px rgb(175,175,175);
  background-color      : rgb(240,240,240);
  }
input.str
  {
  width                 : 90%;
  margin-left           : 0px;
  margin-right          : 1px;
  }
input.plz
  {
  width                 : 25%;
  margin-left           : 0px;
  margin-right          : 1px;
  }
input.ort
  {
  width                 : 50%;
  margin                : 0px;
  }
}