/* Stylesheet Angaben fuer sprechendebilder
*/

.hgblock {background-color: white; height: 150px; border: 1px solid; color: black; margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: justify; background-image:url(image/BannerHGGrau.jpg);}

.buttblock {background-color: lightgrey; height: 45px; border: 1px solid; color: black; margin: 0.5em; padding: 0em; width: 15em; text-align: center;}

.picblock {background-color: white; border: 1px solid; color: black; margin: 0.5em; padding: 1em; text-align: justify;}

.spicblock {background-color: white; border: 1px solid; color: black; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 2em; text-align: justify;
	position: absolute;
	-webkit-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
	-webkit-box-shadow:  3px 3px 8px 3px black;
        box-shadow:  3px 3px 8px 3px black;
}

h1 {font: 3em normal Verdana, Arial, Helvetica, sans-serif; color: black; padding: 0em; margin-left: 0em; margin-top: 0em; margin-bottom: 0em}
h2 {font: 2em normal Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; padding: 0em; margin-left: 0em;}
h3 {font: 1.5em normal Verdana, Arial, Helvetica, sans-serif; color: black; padding: 0em; margin-left: 0em; margin-top: 0em; margin-bottom: 0em}
p {font: 1.1em normal Verdana, Arial, Helvetica, sans-serif; color: black; padding: 0em; margin-left: 0em; margin-top: 0em; margin-bottom: 0em}
ul {list-style: disc; font: 1.1em normal Verdana, Arial, Helvetica, sans-serif; color: black; padding: 0em; margin-left: 3em; margin-right: 3em; margin-top: 0em; margin-bottom: 0em}
a:link {font: 0.8em normal Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: black; padding: 0em; margin-left: 0em;}
a:visited {font: 0.8em normal Verdana, Arial, Helvetica, sans-serif; color: black; padding: 0em; margin-left: 0em;}
a:active {font: 0.8em normal Verdana, Arial, Helvetica, sans-serif; color: black; padding: 0em; margin-left: 0em;}
a:hover {font: 0.8em normal Verdana, Arial, Helvetica, sans-serif; color: white; padding: 0em; margin-left: 0em;}

#sample1 {
	position: relative;
	-webkit-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
	-webkit-box-shadow:  3px 3px 8px 3px black;
        box-shadow:  3px 3px 8px 3px black;
}

#sample2 {
	position: absolute;
	-webkit-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
	-webkit-box-shadow:  3px 3px 8px 3px black;
        box-shadow:  3px 3px 8px 3px black;
}

#sample3 {
	position: static;
	-webkit-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
	-webkit-box-shadow:  3px 3px 8px 3px black;
        box-shadow:  3px 3px 8px 3px black;
}

  ul#Navigation {
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    -webkit-box-shadow:  3px 3px 8px 3px black;
    box-shadow:  3px 3px 8px 3px black;
    margin: 0.5em; padding: 0.8em;
    text-align: center;
    border: 1px solid black;
    background-color: silver;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold; font-size: 0.8em;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: black; background-color: #ccc;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }