body {
  background-color: #B6C9E1; /* blau: #B6C9E1; rosa: #FDC9C6 */
  font-family: verdana, sans-serif;
  font-size: 13px; /*small; -> Pixelangabe bleibt stehen, weil der IE sonst rumzickt! */
  color: #303E50;
}

a {
  color: black;
}

/* verstecke kupferminen link */
div.footer {  display: none; }

div#menu {
  float: left;
  display: block;
  width: 17%;
  margin: 0; padding: 0;
  margin-right: 2%;
}
div#content {
  float: left;
  width: 80%;
  margin: 0; padding: 0;
}

div#custom_header {
  width: 100%;
}

div#menu ul
{
  margin: 0; padding: 0 3% 5% 3%;
  list-style: none;
}
div#menu ul li a, .admin_menu a.adm_menu {
  background: #CCD7E5;
  text-decoration: none;
  border: 1px solid #3a3a3a;
  border-top: 1px solid #f9f9f9;
  border-left: 1px solid #f9f9f9;
  background-position : bottom;
  background-image : url(images/bg_small_hell.jpg);
}

div#menu ul li a:hover, .admin_menu a.adm_menu:hover {
  background: #738BA7;
  border: 1px solid #3a3a3a;
  border-bottom: 1px solid #f9f9f9;
  border-right: 1px solid #f9f9f9;
  background-position : bottom;
  background-image : url(images/bg_small_dunkel.jpg);
}


.admin_menu a {
  padding: 2px;
}

div#menu ul li a
{
  display: block;
  padding: 2%; margin: 3% 0;
}

/* Headlines */
h1,h2,h3, h4 {
  font-family: Georgia, serif;
  font-weight: normal;
}

h2, h3 {
  color: #E88B48; /* #E23451;*/
}

h1, h4 {
  color: white;
}

h1 {
  font-size: 150%;
  border-bottom: 1px solid black;
}

h2 {
  margin: 1%;
  font-size: 110%;
  font-weight: bold;
}

div#menu h2 {
  text-align: right;
  margin: 0; padding: 0 25px 0 0;
  color: white;
}

/* Formulare */
.textinput, .listbox, .button, .comment_button, .radio, .checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.textinput {
        font-size: 100%;
        border: 1px solid #637EA1;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-size: 100%;
        border: 1px solid #637EA1;
        vertical-align : middle;
}

.button {
  font-size: 100%;
  border: 1px solid #3a3a3a;
  border-top: 1px solid #f9f9f9;
  border-left: 1px solid #f9f9f9;
  background-position : bottom;
  background-image : url(images/bg_small_hell.jpg);
}

.comment_button {
        font-size: 85%;
        border: 1px solid #005D8C;
  background-position : bottom;
  background-image : url(images/bg_small_hell.jpg);
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-size: 100%;
        vertical-align : middle;
}

.checkbox {
        font-size: 100%;
        vertical-align : middle;
}

/* {GALLERY} */
div#content
{
}

.spacer {
  clear: both;
}

/* CATEGORY LIST */
.catrow .cat_thumb {
  vertical-align: center;
}
.catrow .cat_title {
  font-weight: bold;
  display: block;
}
.catrow .cat_desc {
  font-style: italic;
  margin: 0;
}
.catrow_tr td {
  background: url(images/bg_small_dunkel.jpg);
  background-position: bottom;
  border: 1px solid #3a3a3a;
  border-top: 1px solid #f9f9f9;
  border-left: 1px solid #f9f9f9;
  padding: 5px;
}

.statistic {
  text-align: center;
  font-size: 70%;
}

/* ALBUM */
/*
  <dl class="album_cell">
          <dt><a href="{ALB_LINK_TGT}">{ALBUM_TITLE}</a></dt>
          <dd class="image"><a href="{ALB_LINK_TGT}" class="albums">{ALB_LINK_PIC}</a></dd>
          <dd class="menu">{ADMIN_MENU}</dd>
          <dd class="desc">{ALB_DESC}</dd>
          <dd class="statistic">{ALB_INFOS}</dd>
        </dl>
        */
.album_cell {
  margin: 1% 2%;
}

dl.album_cell dt a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  font-size: 110%;
  color: black;
  background: #9FB1C6;
  padding: 3px 10px;
  margin: 15px 0 5px 0;
}
dl.album_cell dt a:hover {
  background: #F8A971;
}
dl.album_cell dd {
  margin: 0; padding: 0;
  margin: 1% 0;
  padding-left: 160px;
}
dl.album_cell dd.desc {
  font-size: 110%;
}
dl.album_cell dd.image {
  float: left;
  padding: 3px 10px;
  margin: 0;
}
dl.album_cell dd.statistic {
  text-align: left;
}

div.spacer {
  height: 7px;
}


/* colours for coppermine orig table-structure */
.tableh1 {
  background: #526A87;
  color: white;
  padding: 5px ;
  margin: 0;
  font-size: 110%;
}

/* THUMBNAILS */
/* <dl class="thumb">
              <dd class="img"><a href="displayimage.php?album=lastcom&amp;cat=0&amp;pos=0"><img src="albums/userpics/10001/thumb_WoWScrnShot_090407_142239.jpg" class="image" width="100" height="60" border="0" alt="WoWScrnShot_090407_142239.jpg" title="Filename=WoWScrnShot_090407_142239.jpg
Filesize=152KB
Dimensions=1440x851
Date added=02.May 2008"/></a></dd>
              <dd class="caption">
                  <span class="thumb_title">mulgore</span>
                  <span class="thumb_title">0 views</span>
                  <span class="thumb_caption">vermut ich mal...</span>
                  <span class="thumb_caption">02.05.08 at 08:14</span>
                  <span class="thumb_caption"><a href ="profile.php?uid=1">obermotz</a>: komischer minenarbeiter</span>
              </dd>
              <dd class="admin_menu"></dd>
            </dl> */
dl.thumb {
  width: 207px;
}
dl.thumb dd {
  background: url(images/gallery_bg_thumb_mid.jpg);
  background-repeat: repeat-y;
  margin: 0; padding: 0;
}

dl.thumb dd.thumb_bg_head {
  background: url(images/gallery_bg_thumb_top.jpg);
  background-repeat: no-repeat;
}
dl.thumb dd.thumb_bg_foot {
  background: url(images/gallery_bg_thumb_bottom.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}

dl.thumb dd.img {
  text-align: center;
}

dl.thumb dd.img img {
  border: 1px solid white;
}

dl.thumb dd.caption {
  padding: 0 20px;
}
dl.thumb dd.caption span {
  display: block;
}

dl.thumb dd.caption span.thumb_caption {
  text-align: left;
}

dl.thumb dd.caption span.thumb_title {
}

/* sortorder */
div.sortorder {
  margin: 0 10px;
  float: left;
}
div.sortorder img {
  border: none;
}

td.navmenu {
  margin: 2px;
}