/* dirk.css */

body {
  color:black;
  background-color:white;
  /* needed for em spec errors in internet explorer (see selfhtml 8.1) */
  font-size: 100.01%; 
  font-family: Helvetica,Arial,sans-serif;
  margin:0;
  padding:0; 
  text-align: center;  /* centering in Internet Explorer */
}

div#pageframe {
  text-align: left;    /* switch back to left */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
/*  width: 760px; */
  padding: 0px;
}
/*
NOTE about selections: ul li { } will select all the li's inside the
     ul no matter how deep the li is nested in it. If you want to
     specify the direct sub level use ul > li
*/
div#pageframe p {
  font-size:1em;
  /* space between paragraphs (do it at the end of
     the paragraph so the top is always nice aligned with the menu */
  margin: 0 0 1em; 
}

/* h1 should ONLY be used for the banner */
div#pageframe h1 {
  font-size: 1em; /* otherwise the margin settings get wrong */
  /* we need px measurements, because the banner is a picture. and we
  need to know the exact height to position the menu correctly */
  margin: 20px 0em 20px 8em;
  padding:0;
}
div#pageframe h2 {
  font-size: 1.2em;
  margin: 0 0 1em;
}

div#pagebody {
  margin-left:8em;
  padding:0;
}

/**************************************************************/
/* navigation part */
/* is simply a nested ul list with the toplevel ul got an id=pagemenu.

*/

div#pagemenu {
  position: absolute;
  margin:121px 0 0 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left:0em;
  top:0;
  left:0;
  width: 8em; /* same as margin-left of pagebody */
}

/* correction for IE 5.x */
* html div#pagemenu {  
  width: 9.28em;
  w\idth: 8em;
  padding-left: 0;
  padd\ing-left: 0.8em;
}

div#pagemenu li {
  list-style: none; 
  margin:0;
  padding:0;
}

div#pagemenu ul {
  margin:0 0 1em .5em;
  padding: 0;
}

div#pagemenu li ul {
  margin: 0 0 0 .5em;
  padding: 0;
}
div#pagemenu li ul li {
  margin: 0.1em 0;
}
* html div#pagemenu li ul li {  /* correction for IE 5.x */
  margin-left: .5em;
  ma\rgin-left: 0;
}

div#pagemenu a:link {
  color:#0000EE;
  text-decoration:none;
}

div#pagemenu a:focus {
  color:#000000;
  text-decoration:none;
}

div#pagemenu a:visited {
  color:#0000EE;
  text-decoration:none;
}

div#pagemenu a:active {
  color:#000000;
  text-decoration:none;
}

div#pagemenu a:hover {
  color:#000000;
  text-decoration:none;
}

div#pagemenu span {
  color:#800000;
}

/**********************************************************/
/* tables */

table.halftable {
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-spacing:0;
  border-collapse:collapse;
  width:50%;
}
table.halftable td {
  border-style:solid;
  border-color:black;
  border-width:1px;
  padding:.2em;
}

table.fulltable {
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-spacing:0;
  border-collapse:collapse;
  width:100%;
}
table.fulltable td {
  border-style:solid;
  border-color:black;
  border-width:1px;
  padding:.2em;
}

table.autotable {
  border-style:solid;
  border-width:1px;
  border-color:black;
  border-spacing:0;
  border-collapse:collapse;
}
table.autotable td {
  border-style:solid;
  border-color:black;
  border-width:1px;
  padding:.2em;
}
table.autotable th {
  border-style:solid;
  border-color:black;
  border-width:1px;
  padding:.2em;
}

table.pictures {
  border-style:none;
  border-spacing:0;
  border-collapse:collapse;
}
table.pictures td {
  border-style:none;
  padding-bottom:.4em;
  padding-right:.4em;
  padding-left:0;
  padding-top:0;
}

table.floatpictures {
  border-style:none;
  border-spacing:0;
  border-collapse:collapse;
  float: left;
  margin-right:20px;
  margin-bottom:10px;
}
table.floatpictures td {
  border-style:none;
  padding-bottom:.4em;
  padding-right:.4em;
  padding-left:0;
  padding-top:0;
}

table.gallerypictures {
  border-style:none;
  border-spacing:0;
  border-collapse:collapse;
}

td.gallerycell {
  padding-bottom:16px;
  padding-right:16px;
  padding-left:0;
  padding-top:0;
}

table.gallerypictures div {
  background: #C0C0C0;
  width: 80px;
  height: 80px;
}


/****************************************************/
/* simple blog */

div.blog {
  border-style:none;
}
div.blogheader {
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-top-style:solid;
  border-width:1px;
  border-color: #C0C0C0;
  padding:0px;
  text-align:right;
  font-size:.8em
}

div.blogbody {
  border-style:none;
  border-width:1px;
  padding:10px;
}

.blogfloat {
  float:left;
  margin-right:20px;
  margin-bottom:10px;
}

/*****************************************************/
/* for gdb_ext */

div.verbatim {
  background-color:#E0E0E0;
  color:black;
  border-style:solid;
  border-color: #C0C0C0;
  border-width:1px;
  white-space:pre;
  margin-left:0em;
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding:1em;
}

/*******************************************************/
span.gallery {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
  border-style: none;
  background: #C0C0C0;
  color: black;
  width: 80px;
  height: 80px;
}

span.gallery div {
  text-align: center;
}

/******************************************************/
div.gallery2 {
}

table.gallery2thumb {
  border-style:none;
  border-spacing:0;
  border-collapse:collapse;
}

table.gallery2thumb td {
  padding-bottom:16px;
  padding-right:16px;
  padding-left:0;
  padding-top:0;
}

table.gallery2thumb div {
  background: #E0E0E0;
  color: black;                          
  width: 80px;
  height: 80px;
}

div.gallery2visible {
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-top-style:solid;
  border-width:1px;
  border-color: #C0C0C0;
  padding-top: 10px;                      
  padding-bottom: 10px;                      
  padding-right: 10px;                      
  padding-left:0em;
  display: block;
}

div.gallery2invisible {
  display: none;
}

div.gallery2frame {
  width: 200px;
/*  height: 200px; */
  margin-right:20px;
  margin-bottom:10px;
  background-color:#E0E0E0;
  color: black;
  border-style:solid;
  border-color: #C0C0C0;
  border-width:1px;
  float: left;
}