body {
      background-image: url('images/background2.gif');
      padding:        1em;
      font-family:    Georgia, times new roman, serif;
      font-size:      9pt;
    }

    table#layout {
      background-image: url('images/bgcontent.jpg');
      background-position: top left;
      background-repeat: no-repeat;
      background-color: rgb(255, 255, 204);
      width:          100%;
      height:         100%;
      border:         2px solid rgb(100, 100, 100);
    }

    /*** top title ***/
    td#imageleft {
      height:         120px;
      width:          150px;
      text-align:     center;
    }

    td#imageright {
      height:         120px;
      width:          150px;
      text-align:     center;
    }

    img.brauerei {
      margin:         5px;
    }

    td#title {
      width:          95%;
      height:         120px;
      text-align:     center;
      vertical-align: middle;
      font-size:      16pt;
      font-weight:    bold;
      line-height:    125%;
    }

    td#title span.small {
      font-size:      13pt;
    }

    /*** navigation on the left side ***/
    td#navigation {
      vertical-align: top;
      padding-top:    10px;
      width:          150px;
    }

    td#navigation div.item {
      margin-top:     20px;
      margin-left:    20px;
      font-size:      9pt;
    }

    td#navigation div.item a {
      color: rgb(0, 0, 136);  /* darkblue */
      text-decoration: none;
    }

    td#navigation div.item a:hover {
      color: rgb(0, 0, 80);  /* darkblue */
      text-decoration: underline;
    }

    td#navigation div.activeitem {
      margin-top:     20px;
      margin-left:    20px;
      font-size:      9pt;
      font-weight:    bold;
    }

    td#navigation div.activeitem a {
      color: rgb(0, 0, 136);  /* darkblue */
      text-decoration: none;
    }

    td#navigation div.activeitem a:hover {
      color: rgb(0, 0, 80);  /* darkblue */
      text-decoration: underline;
    }

    /*** content area ***/
    td#content {
      padding:        30px;
      vertical-align: top;
      font-size:      9pt;
      text-align:     justify;
    }

    td#content td {
      font-size:      9pt;
    }

    td#content h1 {
      clear:          both;
      font-size:      12pt;
      font-variant:   small-caps;
      font-weight:    bold;
    }

    td#content h2, td#content h3, td#content h4, td#content h5, td#content h6 {
      clear:          both;
      font-size:      10pt;
      font-variant:   small-caps;
      font-weight:    bold;
    }

    td#content p {
      margin-top:     1em;
      margin-bottom:  1em;
    }

    td#content img {
      margin-left:    20px;
      margin-right:   20px;
    }

    td#content a {
      color: rgb(0, 0, 136);
      text-decoration: none;
    }

    td#content a:hover {
      color: rgb(0, 0, 80);
      text-decoration: underline;
    }

    td#content input, td#content textarea {
      font-family:      Georgia, times new roman, serif;
      font-size:        9pt;
      border:           1px solid rgb(100, 100, 100);
      padding:          2px;
    }

    td#content td.csc-form-labelcell {
      font-weight: bold;
      padding-right: 20px;
      vertical-align: top;
    }


    /*** bottom copyright area ***/
    td#copyright {
      text-align:     center;
      padding-top:    30px;
      color:          rgb(185, 185, 109);  /* lightyellow */
      font-size:      7pt;
      vertical-align: bottom;
    }

    .bold {
       font-weight: bold;
    }
    
/*** GUESTBOOK ***/
table.guestbook {
  width: 90%;
}

table.guestbook td.bold {
  width:          1%;
  padding:        2px;
  padding-right: 20px;
}

table.guestbook td {
  padding:        2px;
}

table.guestbook td div.title {
  margin-top:   10px;
  margin-bottom: 5px;
  font-weight:   bold;
}

table.guestbook td div.message {
  border-bottom: 1px solid rgb(100,100,100);
  margin-bottom: 30px;
}

/*** CALENDAR ***/
/* CALENDAR */
table.calendar {
  background-color: none;
}

table.calendar td {
  background-color: none;
  vertical-align: top;
  padding-bottom: 20px;
}

table.calendar td.datetime {
  text-align: right;
  white-space: nowrap;
  padding-right: 15px;
  color: rgb(110,110,110);
}


table.calendar td.datetime div.date {
  font-weight: bold;
}

table.calendar td.titleteaser div.title {
  font-weight: bold;
}

div.calendar div.teaser {
  font-style: italic;
  margin-bottom: 10px;
}

div.calendar div.image {
  float: right;
}

table.calendarview td.bold {
  vertical-align: top;
  padding-right: 25px;
  padding-bottom: 5px;
}

div.calendar div.description {
  padding-top: 20px;
  margin-bottom: 20px;
}