body {
  background-color: #B975AD;
  background-image: url('../images/body-background.gif');
  background-repeat: repeat-x;
  font-family: verdana, tahoma, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

#container {
  border: 2px solid #fff;
  color: #fff;
  margin: 0px auto;
  position: relative;
  text-align: left;
  width: 770px;
}
#container a { color: #6CC; text-decoration: none; }
#container a:hover { color: #fff; text-decoration: underline; }

/* PAGE HEADER */
#page-header h1 {
  background: url('../images/h1-versunkene-steine.gif');
  height: 75px;
  left: 36px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 23px;
  width: 587px;
}
#page-header h1 span { display: none; }
#page-header h2 {
  background: url('../images/h2-lebendige-geschichte.gif');
  height: 24px;
  left: 7px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2px;
  width: 367px;
}
#page-header h2 span { display: none; }

#calendar { float: left; margin: 118px 0 20px 0; width: 205px; }
#calendar h3#calendar-year { color: #6CC; font-size: 28px; font-weight: normal; margin: 10px 0 4px 36px; padding: 0; }
#calendar h4#calendar-month { color: #6CC; font-size: 18px; margin: 0 0 10px 36px; padding: 0; }
#calendar h4#dates { color: #6CC; font-size: 13px; margin: 10px 0 4px 36px; padding: 0; }
#calendar h4 { font-size: 13px; margin: 0 0 2px 36px; padding: 0; }
#calendar p { margin-left: 36px; }
#calendar-table { position: relative; left: 36px; }
#appointment-list { list-style-type: none; margin: 0 0 0 36px; padding: 0; }
#appointment-list li { font-size: 10px; padding-left: 10px; text-indent: -10px; }
#news h4 { color: #6CC; font-size: 13px; margin: 20px 0 10px 36px; padding: 0; }
#news .news-title { display: block; font-size: 10px; font-weight: bold; margin-left: 36px; padding: 0; }
#news .news-date, #news .news-teaser { display: block; font-size: 10px; margin: 0 0 8px 36px; }
#news .news-more { font-size: 10px; margin-left: 36px; }

#content { float: right; margin: 118px 0 20px 0; width: 556px; }
#content h3 { font-size: 13px; margin: 10px 20px 10px 0; }
#content h4 { font-size: 11px; margin: 10px 20px 10px 0; }
#content p { font-size: 10px; margin-right: 20px; }
#content ul { font-size: 10px; }
#content a { color: #fff; text-decoration: none; }
#content a:hover { text-decoration: none; }
#content a:link, #content a:visited, #content a:active { color: #6CC; text-decoration: none; }
#content a[href]:hover { color: #fff; text-decoration: underline; }

/* MONTH STYLES */
#infotext { float: right; width: 197px; }
#infotext h3 { font-size: 13px; margin: 10px 20px 10px 20px; }
#infotext p { font-size: 10px; margin-left: 20px; margin-right: 20px; }
#image { display: block; float: left; }
#image img { border: 2px solid #fff; border-top: none; }

/* NAVLIST */
#navlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 0;
}
#navlist li { display: inline; }
#navlist li a {
  border-left: 1px solid #666;
  color: #666;
  font-size: 10px;
  padding: 0 0.2em 0 0.5em;
  text-decoration: none;
}
#navlist li a:hover { color: #000; text-decoration: none; }
#navlist li:first-child a { border-left: 0; padding-left: 0; }
 /*Win IE fix \*/
* html #navlist { height: 1%; }
* html #navlist li a { margin: 0 0.5em 0 -0.5em; }

/*End Win IE fix*/

/* MONTHLIST */
#monthlist {
  left: 36px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 97px;
}
#monthlist li { display: inline; }
#monthlist li a {
  border-left: 1px solid #888;
  color: #888;
  font-size: 10px;
  padding: 0 0.2em 0 0.5em;
  text-decoration: none;
}
#monthlist li a:hover { color: #000; text-decoration: none; }
#monthlist li:first-child a { border-left: 0; padding-left: 0; }
 /*Win IE fix \*/
* html #monthlist { height: 1%; }
* html #monthlist li a { margin: 0 0.5em 0 -0.5em; }

/*End Win IE fix*/

#footer p { color: #fff; font-size: 10px; margin: 5px 0 0 0; padding: 0; }
#footer a { color: #ccc; text-decoration: none; }