/*
 * Formatdatei für die Homepage von jana Hohlfeld
 * erstellt von Jana Hohlfeld
 *
 * Informationen über die verschiedenen Formate: http://de.selfhtml.org/css
 ****************************************************************************/
body {
  background            : url(css_bilder/bg076a.jpg);
  color                 : #555;
  font                  : 15px/1.4em Georgia, Times New Roman, serif;
  margin                : 0px;
  padding               : 0px;
  text-align            : center;
  }

p {
  margin                : 0 0 8px 0;
  text-align            : justify;
  }
a,
a:link {
  color                 : rgb(0,0,128);
  font-weight           : bold;
  text-decoration       : none;
  }
a:visited {
  color                 : rgb(25,25,160);
  font-weight           : bold;
  text-decoration       : none;
  }
a:hover, a:active {
  color                 : rgb(25,25,160);
  text-decoration       : underline;
  }

h1, h2, h3, h4, h5, h6 {
  color                 : rgb(120,120,120);
  font-family           : Georgia, Times New Roman, 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/pfeil_li.gif);
  background           : none;
  padding-left         : 0px;
  }

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

li.zurück {
  list-style	       : url(css_bilder/pfeil_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;
  }

td {
  font-size		: 15px;
  }

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

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

div#kopf {
  background            : url(css_bilder/kopf.jpg) no-repeat;
  display               : block;
  height                : 64px;
  position              : relative;
  width                 : 704px;
  }

div#rahmen {
  display               : block;
  height                : 500px;
  width			: 800px;
  position		: relative;
  text-align		: left;
  margin		: 0px;
  padding		: 0px;
/*  border:thin solid green; */
  }

div#vorname {
  display               : block;
  height                : 72px;
  width			: 200px;
  position		: relative;
  float                 : left;
  text-align		: left;
  color                 : #000099;
  top			: 150px;
  padding		: 20px;
/*  border:thin solid red; */
  }

div#nachname {
  display               : block;
  height                : 150px;
  width			: 800px;
  position		: relative;
  float                 : left;
  text-align		: left;
  color                 : #000099;
  font-weight           : bold;
  top			: 150px;
/*  border:thin solid blue; */
  }

ul#menu {
  display               : block;
  left                  : 3px;
  margin                : 0px;
  padding               : 0px;
  position              : absolute;
  top                   : 100px;
  width                 : 125px;
  z-index               : 4;
  }

html ul#menu {
  left                  : 3px;              /* ie 5 */
  lef\t                 : 3px;              /* ie 6 */
  }

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

div#inhalt_blau {
  background            : url(css_bilder/inhalt_hintergrund_blau.gif) repeat-y;
  display               : block;
  left                  : 0px;
  margin                : 0px;
  padding               : 30px 60px 50px 180px;
  position              : relative;
  top                   : 13px;
  /*position              : absolute;
  top                   : 235px;*/
  width                 : 464px;
  z-index               : 2;
  }

* html div#inhalt_blau {
  width                 : 704px;              /* ie 5 */
  w\idth                : 464px;              /* ie 6 */
  }

div#impressum {
  background		: url(css_bilder/impressum.gif) repeat-y;
  height                : 16px;
  margin                : 0 auto;
  position              : relative;
  width                 : 704px;
  z-index               : 3;
  }

div#inhalt_fuss {
  background            : url(css_bilder/inhalt_fuss.gif) no-repeat;
  height                : 25px;
  margin                : 0 auto;
  position              : relative;
  width                 : 704px;
  z-index               : 3;
  }

/* 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               : 2px;
/*  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                 : #555;
  display               : block;
  font-family           : Georgia,Times New Roman, serif;
  font-size             : 16px;
  font-style            : normal;
  font-variant          : normal;
  font-weight           : normal;
  height                : 20px;
  line-height           : 20px;
  margin                : 0px;
  padding               : 2px;
  }
ul#menu li a:hover {
  background            : url(css_bilder/bullet.gif) no-repeat;
  }
/* 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_blau.gif) no-repeat rgb(230,230,205);
  text-decoration       : none;
  width			: 125px;
  }

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

/* 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                 : 127px;
  }
/* 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 */
  }

/* 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           : Georgia,Times,serif;
  font-style            : normal;
  font-size             : 8pt;
  font-weight           : normal;
  background-color      : rgb(190,190,220);
  color                 : black;
  border                : 1px solid rgb(150,150,175);
  padding               : 2px;
  }

/* Eingabefeld: */
.eingabefeld
  {
  font-family           : Georgia,Times,serif;
  font-size             : 8pt;
  text-align            : left;
  vertical-align        : bottom;
  color                 : black;
  margin                : 0px;
  width                 : 90%;
  border                : solid 1px rgb(150,150,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;
  }
}