/*                        HGN Stylesheet fuer alle Browser                    */
/*                            Seitenlayout                                    */
html, body {
  margin:0;
  padding:0;
  border:0;
  color:black;
  background:rgb(255,240,200) url(gifs/bg_body.gif) repeat-y fixed;
  font-size:100.1%;
}
a img {                                     /*kein Rahmen für Bilder in links */
  border:none;
}                                                  /*Layout für Oberen Bereich*/
#top_container {
  top:0;
  left:0;
  width:100%;
  height:150px;
  margin:0;
  padding:0;
}
#logo {                                              /*Logobereich oben links */
  position:absolute;
  top:0;
  left:0;
  height:150px;
  width:150px;
  margin:0;
  padding:0;
  background:rgb(205,190,150) url(gifs/bg_logo.gif) no-repeat;
  color:black;
}
a#l_logo  {                                     /*logobildlink im Logobereich */
  height:138px;
  width:138px;                                                 
  position:absolute;
  top:6px;
  left:6px;
}
#l_logo:link, #l_logo:visited {                /*Effekt für Bilder im Header */
  border-bottom:none;
}
#l_logo:hover, #l_logo:focus, #l_logo:active {
  border-bottom:6px double rgb(255,240,200);
}
#top {
  position:absolute;
  top:0;
  left:150px;
  /*height:150px;            Wenn mit border bottom dann untersch. IE und Moz */
  width:600px;
  margin:0;
  padding:0;
  text-align:center;
  background:rgb(215,200,160) url(gifs/bg_top.gif) repeat-x;
  color:black;
  overflow:hidden;
  border-bottom:3px solid rgb(125,110,70);
  border-right:1px solid black;
}
#top h1 {                                         /*HGN Überschrift im Header */
  margin:20px 0 0 0;
  padding:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:28px;
  font-variant:small-caps;
  letter-spacing:2px;
  color:rgb(115,100,60);
  background-color:transparent;
}
#top h1 span{                         /* Initialen und HGN in dunklerer Farbe */
  color:rgb(65,50,10);
  background-color:transparent;
}
#top a {                                      /*Position der Bilder im Header */
  display:block;                                  
  position:absolute;
  width:100px;
  height:80px;
  top:64px;
}
.titel_b1 { left:0px;   }
.titel_b2 { left:100px; }
.titel_b3 { left:200px; }
.titel_b4 { left:300px; }
.titel_b5 { left:400px; }
.titel_b6 { left:500px; }

#top a:link,  #top a:visited {     /*Effekt Bilder-Header beim Hovern */
  border-bottom:none;
}
#top a:hover, #top a:active,  #top a:focus {
  border-bottom:6px double rgb(255,240,200);
}
#nav {                                     /*Hier Layout für Navigationsleiste*/
  left:0;
  background:rgb(215,200,160) url(gifs/bg_nav.gif) repeat-y;
  color:rgb(115,100,60);
  border-right:3px solid rgb(125,110,70);
}
#nav ul {
  position:absolute;
  margin:20px 0px 0px 0px;
  width:150px;
  padding:0;
  list-style:none;
  font-size:16px;
  line-height:18px;
  color:rgb(115,100,60);
  background-color:transparent;
  overflow:hidden;
  text-align:center;
}
#nav li {
  width:118px;
  height:22px;
  padding:0;
  background-color:rgb(225,210,170);
  color:rgb(115,100,60);
  border-right:4px solid rgb(65,50,10);   /*Schatteneffekt für Navblock rechts*/
  border-left:1px solid rgb(135,120,80);
}
#nav li.top {
  border-top:1px solid rgb(135,120,80);
}
#nav li.ende {
  border-bottom:4px solid rgb(65,50,10);   /*Schatteneffekt für Navblock unten*/
}
#nav a {                                        /*Gestaltung link im NavBlock */
  display:block;
  width:108px;
  margin:0 5px;
  padding:2px 0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:16px;
  line-height:18px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  font-variant:small-caps;
  font-size:0.9em;
}
#nav a.on  {
  background:url(gifs/seitenanfang.gif) no-repeat center right;
}
#nav a:link, #nav a:active {
  background-color:transparent;
  color:rgb(65,50,10);
}
#nav a:visited, #nav a.on {
  background-color:transparent;
  color:rgb(135,120,80);
}
#nav a:hover, #nav a:focus {
  background-color:transparent;
  color:rgb(255,240,200);
}
#nav p#valid a {                                        /* link zum Validator */
  margin:0 0 10px 0;
  padding:0;
  display:block;
  width:150px;
  height:15px;
  line-height:1px;
  border:none;
  text-align:center;
}
#nav p#valid a:link, #nav p#valid a:visited, #nav p#valid a:active {
  background:url(gifs/valid_html_4_0_1_hover.gif) center top no-repeat;
}
#nav p#valid a:hover img, #nav p#valid a:focus img {
  visibility:hidden;
}
#nav p#valid a:hover, #nav p#valid a:focus {
  border:0;
}
/*############################################################################*/
/*                            Layout Contentbereich                           */
#content {
  width:600px;
  padding:0 0 20px 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  border-right:1px solid black;
  background-color:transparent;
}
#Seitenanfang {                                 /*Sprungmarke zum Seitenanfang*/
  width:100%;
  height:150px;
  padding:0;
}
.sprungmarke {                                        /*Sprungmarken allgemein*/
  position:absolute;
  width:10px;
  height:10px;
  margin-top:-155px;
}
                                                      /*Überschriften im Text */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  padding:0 100px;
  margin:20px;
  color:rgb(95,80,40);
  font-variant:normal;
  text-align:center;
  background:transparent url(gifs/bg_headline.gif) repeat-y top right;
  clear:both;
}
#content h3, #content h4, #content h5, #content h6 {
  font-size:0.9em;
}
#content h2 {
  font-size:1.2em;
}
#content h1 {
  font-size:1.5em;
}
#content h4.impr {
  width:260px;
  margin:1em 0 0 0;
  padding:5px 0;
  font-weight:bold;
  text-align:center;
  background:transparent url(gifs/bg_p_bold.gif) repeat-y;
  color:rgb(95,80,40);
}
                                                            /*Absätze im Text */
#content p {
  color:rgb(96,81,41);
  font-size:0.9em;
  padding:0 20px 0 60px;
}
#content pre {
  display:block;
  width:500px;
  font-size:0.9em;
  color:rgb(96,81,41);
  font-weight:bold;
  margin:5px 20px 5px 80px;
}

#content p.center {
  text-align:center; 
  padding:5px 20px 5px 60px;
}
#content p.right {
  text-align:right;
}
#content p#mod, #content p#mod_noscript {      /*Datumsanzeige-letzte Änderung*/
  text-align:right;
  font-size:0.9em;
  padding:0;
  margin:20px 20px 20px 0;
}
#content p#mod span, #content p#mod_noscript span {
  margin:0px;
  padding:0;
  font-style:italic;
  font-weight:bold;
}
#content p#mod_noscript span {
  font-size:0.8em;
}
p#glossar {                                 /* Anordnung im Glossar A-Z links */
  text-align:center;
  font-size:1em;
  font-weight:bold;
  margin:0 20px;
  padding-left:0;
}
#content p.impr {
  display:block;
  width:260px;
  text-align:left;
  overflow:hidden;
  margin:0;
  padding:0.5em 0 0.9em 0;
}
#content p.impr strong {
  display:block;
  margin:0;
  padding:1.5em 0 0 0;
}
/*############################################################################*/
/*                           Listen                                           */
#content ul {                             /*Layout ul-Liste im Contentbereich */
  margin:0;
  padding:0;
}
#content li {
  list-style:url(gifs/li_bullet.gif) outside;
  color:rgb(96,81,41);
  font-size:0.9em;
  margin:0 10px 0 74px;
  padding:0;
  vertical-align:middle;
}
#content dl {                    /*Layout Definitions-Liste im Contentbereich */
  margin:0;
  padding:0;
  line-height:1.3em;
}
#content dt {
  color:rgb(96,81,41);
  font-weight:bold;
  padding:5px 20px 5px 60px;
  font-size:0.9em;
}
#content dl.glossar dt {        /* Betrifft Bilder im Glossar länger als Text */
  clear:both;
}
#content dd {
  color:rgb(96,81,41);
  padding:5px 20px 20px 60px;
  font-size:0.9em;
}                                      /*Format Definitionslisten für Sitemap */
#sitemap dd {
  background:url(gifs/sitemap_middle.gif) left center no-repeat;
  margin:0 0 0 80px;
  padding:2px 0 2px 30px;
}
#sitemap dd.end {
  background:url(gifs/sitemap_end.gif) left center no-repeat;
}
#content dl table.right {                     /*Anordnung f. Bilder im Glossar*/
  margin:0 0 0 5px;
}
#content dl table.left {                      /*Anordnung f. Bilder im Glossar*/
  margin:0 5px 0 0;
}
#content dl.literatur {                         /* Format für Literaturlisten */
  font-size:0.75em;
}
/*############################################################################*/
/*                           Verweise                                         */

#content a {                                               /*links im content */
  margin:0;
  padding:0 2px;
  text-decoration:underline;
  font-style:normal;
}
#content a:link, #content a:active {
 color:rgb(95,80,40);
}
#content a:visited {
  background-color:transparent;
  color:rgb(145,140,100);
}
#content a:hover, #content a:focus {
  background-color:rgb(95,80,40);
  color:rgb(255,240,200);
  text-decoration:none;
}
#glossar a:link, #glossar a:active, #glossar a:visited {
  background-color:transparent;
  text-decoration:none;
  color:rgb(145,140,100);
}
#glossar a:hover, #glossar a:focus {
  background-color:rgb(95,80,40);
  color:rgb(255,240,200);
}
#sitemap a:link, #sitemap a:active {
  color:rgb(95,80,40);
}
#sitemap a:visited {
  background-color:transparent;
  color:rgb(145,140,100);
}
#sitemap a:hover, #sitemap a:focus {
  color:rgb(255,240,200);
  background-color:rgb(95,80,40);
}
#content table.img a, #content .galerie a  {
  padding:0;
  margin:0;
}
a.mail {                                                /* Bild für email-link*/
  background:url(gifs/mail.gif) no-repeat center right;
  padding:0 20px 0 2px !important;
}
a.extern {                                        /*Bild für externe websites */
  background:url(gifs/ex_link.gif) no-repeat center right;
  padding:0 20px 0 2px !important;
}
/*############################################################################*/
/*                           Tabellen                                         */

#content table.impr {                         /*Impressum 2-spaltig in Tabelle*/
  padding:0;
  margin:0 0 10px 0;
  width:600px;
  border-collapse:collapse;
}
#content table.impr td {
  width:300px;
  margin:0;
  vertical-align:top;
}
#content table.impr td.left {
  border-right:2px dotted rgb(95,80,0);
  padding:0 18px 0 20px;
}
#content table.impr td.right {
  padding:0 20px 0 18px;
}
table.img {                                       /*Einbindung Bilder im Text */
  padding:0;
  font-size:0.8em;
  font-style:italic;
  border:3px double rgb(65,50,10);
  background-color:rgb(185,170,130);
}
table.img td {
  padding:3px;
  color:rgb(65,50,10);
  background-color:rgb(225,210,170);
  border:1px solid rgb(65,50,10);
}
table.img img {
  display:block;
  padding:0;
  margin:0;
  border:1px solid rgb(65,50,10);
}
table.img.left {
                                           /*margin für IE und MOZ verschieden*/
  float:left;
}
table.img.right {
                                           /*margin für IE und MOZ verschieden*/
  float:right;
}
table.img.nofloat {
  margin:5px 0px 5px 60px;
}                                                             /*Galerie Layout*/
table.galerie {
  margin:0 20px 20px 60px;
  border:3px double rgb(65,50,10);
  background-color:rgb(185,170,130);
  width:520px;
}
.galerie td {
  color:rgb(95,80,40);
  background:rgb(225,210,170);
  font-size:0.8em;
  font-style:italic;
  padding:3px;
  border:1px solid rgb(65,50,10);
  vertical-align:middle;
  text-align:left;
}
.galerie td img {
  display:block;
  border:1px solid rgb(65,50,10);
  width:200px;
}
#content div.copyright {                                          /* "footer" */
  margin:0 20px;
  padding:1.5em 0 0 0;
  font-style:normal;
  font-size:0.9em;
  font-weight:normal;
  text-align:right;
  border-top:2px dotted rgb(95,80,40);
  color:rgb(96,81,41);
}

#content div.copyright p{                                  /*Absatz im footer */
  margin:20px 0;
  padding:0;
}
.copyright address {
  color:rgb(96,81,41);
  text-align:left;
  font-weight:normal;
  font-style:italic;
  margin-left:20px;
  padding:0px 20px 5px 20px;
}
/*############################################################################*/
/*                          allgemeine Formate                                */

sub {                                                  /*tiefgestellte Zeichen*/
  vertical-align:bottom;
  font-size:0.8em;
}
sup {                                                  /*hochgestellte Zeichen*/
  vertical-align:top;
  font-size:0.8em;
}
.clear_both { clear:both;}                         /*class um float aufzuheben*/

span.nongerman {                            /* Fremdsprachen in italic Glossar*/
  font-style:italic;
}
strong {
  font-weight:bold;
}
em {
  font-weight:bold;
  font-style:italic;
  font-variant:small-caps;
}

span.nowrap {white-space:nowrap;}
/*############################################################################*/
/*                           Formulare                                       */
form {
  color:rgb(96,81,41);
  font-size:1em;
  width:520px;
  margin-left:60px;
  padding:0;
}
form table {
  width:403px;
  text-align:center;
  vertical-align:middle;
  margin:10px 0 10px 60px;
  padding:2px;
}
fieldset {
  border:solid 1px rgb(96,81,41);
  margin-bottom:20px;
  padding-bottom:20px;
}
fieldset.error, p.error {
  color:red !important;
}
legend {
  font-weight:bold;
  padding:0 1em;
}
textarea, input {
  width:400px;
  border-top:solid 2px rgb(96,81,41);
  border-left:solid 2px rgb(96,81,41);
  border-bottom:solid 1px rgb(255,255,255);
  border-right:solid 1px rgb(255,255,255);
  background:transparent;
  padding:2px;
  color:rgb(96,81,41);
}
textarea {
  height:200px;
  overflow:auto;
}
input.reset, input.send {
  border-bottom:solid 2px rgb(96,81,41);
  border-right:solid 2px rgb(96,81,41);
  border-top:solid 1px rgb(255,255,255);
  border-left:solid 1px rgb(255,255,255);
  background:rgb(255,250,210);
  height:2em;
  width:100px;
  font-weight:bold;
}
input.reset {
  background-color:#FF6464;
  float:right;
}
input.send {
  background-color:#64C864;
  float:left;
}

/*############################################################################*/
/*                           popup                                            */
#lightbox{
  background-color:rgb(255,240,200);
  color:rgb(65,50,10);
  padding: 10px;
  border: 2px solid rgb(65,50,10);
}
#lightboxDetails{
  font-size: 0.8em;
  padding-top: 0.4em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#lightboxCaption { float:left;}
#keyboardMsg { float:right;}
#lightbox img { border: 2px solid rgb(65,50,10); clear: both;}
#overlay img { border: none;}