/* default.css for www.mjtr.de
 * Copyright 2006..2008 Michael Roberts 30.08.2008
 * define link colours to match link grapics since they vary across platforms/browsers
 * added horizlist after http://css.maxdesign.com.au/listamatic/horizontal01.htm
 */
.blackborder {
  border: solid black;
  padding-left: 2em; padding-right: 2em;
  padding-top: 2ex;  padding-bottom: 2ex;
}

span.external, a.external:link { background: url(images/external.png) no-repeat center right; padding-right: 9px }
a.external:visited { background: url(images/extvis.png) no-repeat center right; padding-right: 9px }
span.picture, a.picture:link { background: url(images/picture.png) no-repeat center right; padding-right: 9px }
a.picture:visited { background: url(images/picvis.png) no-repeat center right; padding-right: 9px }
a img { border-width: 0 }
a.notyet { }

a:link            { color: blue }
a:link, a:visited { text-decoration: none }
a:visited         { color: #800080 }
a:hover, a:active { text-decoration: underline }
a:active          { color: red }

/* make ul etc padding for Opera same as p by default */
p, ul, ol, dl { margin-top: 1em; margin-bottom: 1em; }
/* .right { float: right; } */

.horizlist li {
  display: inline;
  list-style-type: none;
  padding-right: 2em;
}

ul.tree { margin-top: 0; margin-bottom: 0 }
ul.tree { margin-left: 0; padding-left: 16px }
ul.top { margin-left: 0; padding-left: 0 }
ul.tree { list-style: none }
ul.tree li { margin-left: 0; padding-left: 0 }
.folder { background: url(images/folder.png) no-repeat center left; padding-left: 18px }
.file { background: url(images/file.png) no-repeat center left; padding-left: 18px }

/* usage:
 *   force fixed position for navbar/footer:
 *     refer to body below
 *   let html select fixed position for navbar:
 *     refer to body.fixednavbar below
 *     html should say:
 *       <body class="fixednavbar" ...>
 *       <div id="navbar">...</div>
 *       <div id="main">...</div>
 *       </body>
 *   and similarly for footer (but normally html should select this)
 */
body {
  margin: 0;
  padding: 0;
  background: white; color: black;
}
#main {
  padding: 5pt;
}

/* need (so far) to specify cellspacing="0" in the html for IE */
table#navbar {
  background: #f0fff0; color: black;
  /* Different font doesn't look quite right */
  /* font: .9em verdana, sans-serif; */ /* Verdana is too big at 1em */
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border-bottom: 4pt solid #eed;
  width: 100%;
}
table#navbar td {
  width: 16.6%;
  margin: 0;
  padding: 2pt 2pt 0; /* t r b=t l=r */
  text-align: center;
}
table#navbar a {
  display: block;
  width: 100%;
  line-height: 1.5em;
}
table#navbar a:hover { background: #d0ffd0; color: black }
td#navcurr { background: #eed;  color: black }

.nave {
  clear: both;
  border-bottom: 4pt solid #eed;
}
/* not implemented in IE, probably doesn't work in Opera */
body.fixednavbar #navbar { /* body or body.fixednavbar */
  position: fixed; left: 0; right: 0; top: 0; bottom: auto;
  z-index: 5;
}
body.fixednavbar .nave { /* body or body.fixednavbar */
  background: white; color: black;
  padding-bottom: 4pt;
}
body.fixednavbar #main { /* body or body.fixednavbar */
  padding-top: 5ex;
}

.headr { width: 50%; margin-top: 0; float: right; text-align: right; }
.headl { /* float: left; width: 50%; */ margin-top: 0; }
.clear { clear: both }

#footer {
  border-top: 4pt solid #eed;
  padding: 2pt 5pt 4pt; /* t r b l=r */
  vertical-align: bottom;
  font-size: smaller;
  background: #f0fff0; color: black;
}
#footer p { margin: 0; padding-top: 2pt; padding-bottom: 2pt; float: left; }
#footer p.right { float: right; text-align: right; }

/* not implemented in IE, does not work at all well with Opera */
body.fixedfooter #main { /* body or body.fixedfooter */
  margin-bottom: 6ex;
}
body.fixedfooter #footer { /* body or body.fixedfooter */
  position: fixed; bottom: 0;
  padding-bottom: 0;
}

