* {
  margin:0;
  padding:0;
}

body {
  background:#1f1f1f;
}

div#header_o {
  background:#2f2f2f url("../images/ob_sidebar_m.jpg") right repeat-y;
  height:100px;
}

div#header_i {
  background:url("../images/ob_menu_t.jpg") left bottom no-repeat;
  height:100px;
}

div#wrapper_o {
  background:url("../images/ob_sidebar_m.jpg") right repeat-y;
}

div#wrapper_i {
  background:url("../images/ob_menu_m.jpg") left repeat-y;
}

div#menu {
  float:left;
  width:184px;
}

div#content {
  background:#2f2f2f;
  margin:0 110px 0 184px;
  padding:0 20px 0 20px;
  min-height:300px;
  height:auto !important;
  height:300px;
}

div#sidebar {
  float:right;
  height:200px;
  width:105px;
}

div#footer {
  background:url("../images/ob_footer_c.jpg") top repeat-x;
  clear:both;
  height:100px;
}

div#footer p {
  clear:both;
  padding-right:150px;
  padding-left:210px;
  font-size:.7em;
}

div#footer_l {
  background:url("../images/ob_footer_l.jpg") right top no-repeat;
  float:left;
  height:40px;
  width:220px;
}

div#footer_r {
  background:url("../images/ob_footer_r.jpg") left top no-repeat;
  float:right;
  height:40px;
  width:146px;
}

/* content */

body {
  font-family:verdana, sans-serif;
  color:#ccc;
}

h1, h2, h3, h4, h5, h6 {
  color:green;
  font-family:"Lucida Grande", Verdana, sans-serif;
  font-weight:normal;
  padding-bottom:.5em;
}

h1 {
  font-size:1.5em;
}

img {
  border:0;
}

.clearleft {
  clear:left;
}

.clearright {
  clear:right;
}

a:link, a:visited {
  color:green;
}

a:hover {
  color:white;
}

  div#menu ul {
    font-family:STHeiti, "Lucida Grande", verdana, sans-serif;
    font-size:1.2em;
    list-style:none;
    margin:0 5px 0 10px;
  }

  div#menu ul ul {
    font-size:.8em;
    margin:0 20px;
  }

  div#menu li {
    padding:3px;
  }

  div#menu ul a {
    color:#888;
    text-decoration:none;
  }

  div#menu ul li.selected>a {
    color:white;
  }

  div#content ul.gallery li {
    list-style:none;
    float:left;
    width:200px;
    height:200px;
    text-align:center;
    background:url("../images/gallery_bg.jpg") left top no-repeat;
  }

  div#content ul.gallery li a {
    display:block;
    width:180px;
    height:180px;
    margin:10px;
  }

  div#content ul.gallery li img {
    margin-top:10px;
  }

  div#content div#ob_gallery_bigimage {
  	display:none;
  	margin:0 auto;
  	height:400px;
    width:600px;
  }

  div#content img#ob_gallery_bigimage_img {
    cursor:pointer;
  }

  div#ob_gallery_text div#ob_gallery_buttons {
    float:right;
    margin-left:20px;
    white-space:nowrap;
  }

  div#ob_gallery_text {
    margin:0 auto;
    padding:20px 0 0 0;
    width:600px;
  }

  div#ob_gallery_text p {
    font-size:.89em;
  }

  div#ob_gallery_text h1 {
    font-size:1.1em;
    padding:0;
  }

  div#ob_gallery_buttons {
    text-align:right;
  }

  div#ob_gallery_buttons a {
    color:green;
    font-size:1.4em;
    line-height:.8em;
    padding-bottom:.5em;
    text-decoration:none;
  }

  div#ob_gallery_buttons div#ob_gallery_iofn {
    font-size:.89em;
  }

  div#content ul.pagelist li {
    list-style:none;
    float:left;
    width:200px;
    height:200px;
    background:url("../images/gallery_bg.jpg") left top no-repeat;
  }

  div#content ul.pagelist p {
    text-align:center;
  }

  div#content ul.pagelist img {
    display:inline;
    padding:10px 0 0 5px;
  }

  div#content ul.pagelist li a {
    display:block;
    width:180px;
    height:180px;
    margin:10px;
  }

  div#content ul.pagelist li p a {
    color:white;
    text-decoration:none;
  }

  div#content div.bilddesmonats {
    width:600px;
    margin:0 auto 0 auto;
  }

  div#content div.bilddesmonats p {
    padding-top:1em;
    color:green;
  }

  div#content div.bilddesmonats ul {
    margin-top:15px;
    list-style:none;
  }

  div#content div.bilddesmonats ul li {
    float:left;
    margin-right:10px;
  }