body {
  padding: 0 0 60px 0;
  margin: 0;
  background: url("../images/body_bg.jpg") repeat-x #002d00;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #447711;
}

#sitebody {
  margin: 0 auto;
  width: 786px;
  background: url("../images/content_bg.jpg") repeat-y #FFF;
}

#header {
  height: 188px;
  background: url("../images/header.jpg") no-repeat;
}

#navigation {
  height: 32px;
  background: url("../images/navigation_bg.jpg") repeat-x;
}

#navigation_left {
  width: 42px;
  height: 32px;
  background: url("../images/navigation_left.jpg") no-repeat;
  float: left;
}

#navigation_right {
  width: 41px;
  height: 32px;
  background: url("../images/navigation_right.jpg") no-repeat;
  float: right;
}

#navigation ul {
  list-style-type: none;
  padding: 0;
  height: 32px;
  margin: 0 auto;
  width: 588px;
}

#navigation ul li {
  display: inline;
}

#navigation ul li a {
  float: left;
  padding: 7px;
  width: 70px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
}                                                                                                                                                                                                                                                   

#navigation ul li a:hover {
  background: url("../images/navigation_bg_h.jpg") repeat-x #113401;
}

#navigation ul li a:active, #navigation ul li a:focus, #navigation ul li .active  {
  background: url("../images/navigation_bg_a.jpg") repeat-x #58a30d;
  color: #447711;
}

#content {
  background: url("../images/content2_bg.jpg") no-repeat 29px 10px;
  padding: 35px 53px 10px 54px;  
  /*margin: 10px 28px 0 29px;*/
}

#footer {
  clear: both;

  height: 47px;
  width: 680px;
  background: url("../images/footer_bg.jpg") no-repeat;
  padding: 20px 53px 10px 53px;
  text-align: right;
  font-size: 90%;
}

#footer a {
  font-weight: bold;
  color: #447711; 
  text-decoration: none; 
}

#footer a:hover {
  background: none;
  text-decoration: underline;
}

#footer span.left {
  float: left;
}


h1 {
    font-size: 180%;
    margin: 0 0 0.8em 0;
    padding-left: 37px;
    background: url("../images/h1_pfeil.gif") no-repeat 0% 50%;
}

h2 {
    font-size: 160%;
    margin: 0 0 0.8em 0;
    padding-left: 31px;
    background: url("../images/h2_pfeil.gif") no-repeat 0% 50%;
}

h3 {
    font-size: 140%;
    margin: 1.5em 0 0 0;
}

h4 {
    font-size: 120%;
    margin: 0.5em 0 0.3em 0;
}

h5 {
    font-size: 100%;
    margin: 0.4em 0 0.2em 0;
}

h6 {
    font-size: 100%;
    margin: 0.3em 0 0.1em 0;
    text-decoration: underline;
}

p {
    margin: 0.6em 0;
}

a {
    color: #1e3a02;
    text-decoration: underline;
}

a:hover {
    color: #ffffff;
    background-color: #447711;
}

span.unsichtbar {
  width: 786px;
  display: block;
  margin: 0 auto;
  padding-left: 58px;
  color: #002D00;
}

.sidebar_right_2 {
  width: 250px;
  float: right;
  margin-left: 20px;
}

.sidebar_right {
  width: 340px;
  float: right;
  margin: 0 0 0 20px;
}

div.datebox {
  margin-bottom: 25px;
}

div.datebox_datum {
  background: url("../images/datebox.gif") no-repeat;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 125%;
  padding-top: 5px;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
} 

span.datebox_day {
  font-size: 140%;
  color: #ffffff;
  display: block;
  margin: 0;
}


span.datebox_month {
  color: #ffffff;
  display: block;
}

span.datebox_info {
  float: left;
}

img.rahmen {
  border: 6px solid #d3e2a7;
}


span.info, a.info {
  font-weight: bold;
  background: url("../images/icon_info.gif") no-repeat 0% 50%;
  padding-left: 25px;
}

a.info:hover {
    color: #ffffff;
    background-color: #447711;
}

span.zoom, a.zoom {
  font-weight: bold;
  background: url("../images/icon_zoom.gif") no-repeat 0% 50%;
  padding-left: 25px;
}

a.zoom:hover {
    color: #ffffff;
    background-color: #447711;
}

p#pageBottom {
    clear: both;
    margin: 0;
    padding: 20px 0 0 0;
}

a#diatomlogo {
    float: left;
    padding-top: 6px;
    height: 27px;
    background: url("../images/powered_by_diatom.jpg") no-repeat 100% 50%;
    padding-right: 100px;
    margin-bottom: 15px;
    color: #447711;
    text-decoration: none;
}

a#diatomlogo:hover {

}

a#topagetop {
    float: right;
}

/* Galerien */

#galCatlist     { list-style-type: none; margin: 0; padding: 0; }
#galCatlist li  { display: inline; text-align: center; }
#galCatlist div { width: 150px; height: 200px; float: left; margin: 4px; text-align: center; }

#galCatlist a.img {
    display: block;
    background-color: #000000;
    border: 5px #ffffff solid;
    width: 150px;
    height: 112px;
    margin: 0 auto;
}

#galCatlist a.img img {
    border: 0 !important;
    margin: 0 !important;
}

#galerie img    { vertical-align: middle; }
#galerie        { text-align: center; }
#galerie select { font-size: 80%; }

div.galThumb {
    float: left;
    width: 150px;
    height: 112px;
    margin: 3px;
    text-align: center;
    background-color: #000000;
    border: 5px #ffffff solid;
}

div>.galThumb { margin: 4px; }
div.galThumb2 { display: inline; }

div.galThumb img {
    border: 0 !important;
    margin: 0 !important;
}

div.galNavi  { clear: both; padding: 2px; }
div.galNavi2 { clear: both; text-align: center; }

div.galNavi2 a {
    display: block;
    background-color: #000000;
    border: 5px #ffffff solid;
    width: 150px;
    height: 112px;
    float: left;
    margin: 5px;
}

div.galNavi2 a img {
    border: 0 !important;
    margin: 0 !important;
}

div.galNavi2 a.galThumb2active { border: 5px #a8a8a8 solid; }

#galerie div.detail { clear: both; }
#galerie div.detail img { border: 5px #ffffff solid; }
#galerie div.detail a:hover {background: none;}

ul.galerie_list {
    list-style-type: none;
    padding: 15px 15px;
}

ul.galerie_list li {
    clear: both;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
}