/* navbar */

#menu {
  list-style-type:none;
  padding:0;
  margin:0;
  height:1.5em;
  background-color:#eee;
  border-bottom:solid 1px black;
}

#menu li {
  display:inline;
  padding:0;
  margin:0;
}

#menu li a:link, #menu li a:visited {
  text-decoration:none;
  text-align:center;
  float:left;
  display:block;
  width:8em;
  padding:2px 0px;
  margin:0;
  background-color:#eee;
  color:#c20707;
  font-size:smaller;
  font-variant:small-caps;
  border-right:solid 1px #bbb;
  border-bottom:solid 1px #ddd;
}

#menu li a#selected:link, #menu li a#selected:visited {
  text-decoration:underline;
  background-color:#fff;
  color:#c20707;
}

#menu li a:hover {
  text-decoration:underline;
  background-color:#fff;
  color:#c20707;
}

#menu li a:active {
  background-color:#fff;
  color:#c20707;
  border-right:solid 1px #ddd;
}

/* base */ 

html, body {
  line-height:120%;
  color:black;
  background:white;
  /* background:#a1cdff; */
  /* background:#cce4ff; */
  font-weight:normal;
  /* font-family:"Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif; */
  font-family:"Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
  font-style:normal;
  text-decoration:none;
  margin:0;
  padding:0;
  border:0;
}

div#main {
  /* padding-top:1em; */
  padding:1em;
  margin:0 5em 0 3em;
}

div#main p, div#main dt {
  padding-left:1em;
  padding-right:1em;
}

dt {
  margin-top:1em;
}

a:link, a:visited {
  text-decoration:none;
  color:#c20707;
}

a:hover {
  text-decoration:underline;
  color:#c20707;
  background-color:#eee;
}

a:active {
  text-decoration:none;
  color:#c20707;
  background-color:yellow;
}

abbr[title], acronym[title], span[title], strong[title] {
  border-bottom:thin dotted;
  cursor:help;
}

a:link img, a:visited img {border-style:none}
a img {color:black} /* The only way to hide the border in NS 4.x */

h1 a {color:black} /* These are usually targets and not links */
h2 a {color:black} /* These are usually targets and not links */
h3 a {color:black} /* These are usually targets and not links */

img {vertical-align:middle}

address img {
  float:right;
  width:88px;
}

address {
  padding-right:1em;
  padding-left:1em;
  margin-top:3em;
  border-top:1px solid black;
  background-color:#eee;
  clear:both; /* right */
}

address {
  background-image:url(./fritz_kraemer_footer.jpg);
  background-repeat:no-repeat;
  background-attachment:scroll;
  height:50px;
  background-position:center;
}

p.copyright {
  margin-top:5em;
  padding-top:.5em;
  font-size:xx-small;
  max-width:85ex;
  text-align:center; /* justify */
  text-transform:uppercase;
  margin-left:auto;
  margin-right:auto;
  font-family:"Bitstream Vera Sans Mono", monospace;
  color:#888;
  line-height:120%;
}

p.copyright a {
  color:#88f;
  text-decoration:none;
}

h1 {
  font-family:"Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
  /* font-size-adjust:.53; */
  font-size:2em;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  color:#c20707;
  /* 053188 blau */
  /* c20707 rot */
}

#banner h1 {font-size:1.3em;
display:inline}

#banner a:link, #banner a:visited, #banner a#selected:link, #banner a#selected:visited {
  text-decoration:none;
  color:#c20707;
  background-color:#fff;
}

#banner a:hover {
  background-color:#eee;
}

#banner {
   background-image:url(./fritz_kraemer_header.jpg);
   background-repeat:no-repeat;
   background-attachment:scroll;
   height:50px;
   background-position:right;
   margin:0; padding:0;
   border-bottom:1px solid black;
}

#banner #versioninfo {
  font-size:small;
  color:#c20707;  
}

h1#title {
  padding:0;
  margin:0;
  color:#c20707;
}

h1, h2, h3, h4, h5, h6, dt {
  font-family:"Bitstream Vera Sans",Verdana,Arial,Helvetica,sans-serif;
  /* font-size-adjust:.53; */
  font-variant:small-caps;
}

h2 {
  font-size:1.5em;
  text-align:center;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  margin-top:2em;
  margin-bottom:2em;
  line-height:120%;  
}

h5, dt {
  font-size:1em;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  /* text-indent:.5em; */
  margin:0;
}

div#recent {
  margin-left:3em;
  margin-right:5em;
}

div#recent dt {
  margin-top:1em;
  text-indent:-41px;
  margin-left:50px; /* .5em; */
}

div#recent dd {
  margin-left:50px;
}

#recent a {
  color:#c20707;
  /* text-decoration:underline; */
}

h3 {
  /* padding-top:2em; */
  /* padding-left:1em; */
  /* text-align:center; */
  text-align:left;
  /* clear:both; */
}

#main form {
  padding-left:1em;
  padding-right:1em;
}

/* Fieldsets */
fieldset {
    padding:.5em;
    background:white;
    border:1px dotted #c20707;
    margin-left:20px;
    margin-right:20px;
    margin-top:.5em;
}

fieldset legend {
    color:#fff;
    background-color:#c20707;
    font-size:smaller;
    padding:.1ex .5ex;
    border-right:1px solid gray;
    border-bottom:1px solid gray;
    font-weight:bold;
}

.gallery {
    float:left;
    padding:5px;
    margin:10px;
    text-align:center;
    width:160px;
}
.gallery img {
    margin-top:10px;
}

p.getacro {
    text-align:right;
    margin-right:15px;
}

img.right {
    float:right;
    margin-left:10px;
    margin-right:15px;
    margin-bottom:10px;
}

img.left {
    float:left;
    margin-left:15px;
    margin-right:10px;
    margin-bottom:10px;
}

.dir {
    list-style-position:inside;
    text-indent:30px;
}

.author {
    font-style:italic;
    text-align:right;
}

hr {
   clear:both;
   /* margin-bottom:-2em; */
}

h3 a:link, h3 a:visited, h3 a:active {
  text-decoration:none;
  color:#c20707;
}

h3 a:hover {
  text-decoration:underline;
}