/***************************************
* general stuff
***************************************/

/* general settings */
div, form, img, td {
  border: 0px solid #FFFFFF;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

h1 {
  font:16pt Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-top:10px;
}

h2 {
  font:14pt Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-top:10px;
}

h3 {
  font:11pt Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-top:5px;
}

body
{
  background-color: #B69258;
  color: #000000;
  font:9pt Verdana, Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  border: 0px dashed #FFFF00;
}
/* body link colors will appear in news links
   menu entries etc. have their own link colors   */
a:link, a:visited {
  color:#800000;
  text-decoration:none;
}
a:hover, a:active, a:focus {
  color:#FFF0C0;
  text-decoration:underline
}

/* color gradient at top */
div.header-page-spacer {
  height:8px;
  background-image:url(images/design/spacer_top.jpg);
  background-repeat:repeat-x;
  font-size:1px;
  text-align:right;
  border: 0px dotted #FFFFFF;
}

/* used in login and poll */
input.button {
  background-color:#CCCCCC;
  border: 1px solid #000000;
  font-size:10px;
  height:16px;
}

/***************************************
* header
***************************************/

/* header table in background */
td#header-back {
  height:106px;
  background-image:url(images/design/header_center_texture.jpg);
  background-repeat:repeat-x;
}

td#header-front {
  height:106px;
  background-image:url(images/design/header_left.jpg);
  background-repeat:no-repeat;
}

td.header-spacer {
  padding-top:17px;
  color:#FFFFFF;
  font-size:7pt;
  border: 0px dotted #FFFFFF;
}

/* username password login */
input.userpass {
  width:75px;
  background-color:#476B2E;
  border: 1px solid #FFFFFF;
  color:#FFFFFF;
  font-size:10px;
  height:16px;
}

/* header links inside of top right part */
a.header-link:link, a.header-link:visited {
  color:#FFFFFF;
  text-decoration:none;
}
a.header-link:hover, a.header-link:active, a.header-link:focus {
  color:#A0E070;
  text-decoration:underline;
}

/***************************************
* menu at left side
***************************************/

/* talbe cell of main table that contains left menu */
td#left-menu {
  border: 0px solid #0000FF;
  background-image:url(images/design/footer_left_top.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
}

/* content pane of each left side menu */
/* menu entries get their own div, see below */
td.left-menu-content {
  /* padding-top is done by img part above */
  border: 0px solid #FF0000;
  padding-bottom:5px;
  background-color:#875E1D;
  background-image:url(images/design/menu_left_content_texture.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  font-size:1px;
}

/* contains menu entries themselves */
div.left-menu-content {
  border: 0px solid #FFFF00;
  padding-left:5px;
  font-size:9pt;
}
/* link colors for menu entries */
a.left-menu-content:link, a.left-menu-content:visited {
  text-decoration:none;
  color:#000000;
}
a.left-menu-content:hover, a.left-menu-content:active, a.left-menu-content:focus {
  color:#FFFFFF;
}

/* table used to design left side menus */
table.left-menu-table {
  vertical-align:top;
  margin-left:12px;
  border: 0px dotted #FFFFFF;
}

/* left side of left menu table */
td.menu-left-border {
  width:12px;
  background-image:url(images/design/menu_left_texture.gif);
  background-repeat:repeat-y;
  vertical-align:bottom;
}

/* right side of left menu table */
td.menu-right-border {
  width:12px;
  background-image:url(images/design/menu_right_texture.gif);
  background-repeat:repeat-y;
  padding:0px;
  vertical-align:top;
}

/* spacing between left side menus */
div.menu-spacer {
  padding-bottom:15px;
}

/***************************************
* top text boxes
***************************************/

/* complete top part with two text boxes */
td#top-menu {
  border: 0px solid #009900;
  background-image:url(images/design/top_right_bottom.gif);
  background-position:bottom right;
  background-repeat:no-repeat;
}

#advertising {
  width:468px;
  margin-top:12px;
}

/* inner table container of the two text boxes */
table#top-menu-container {
  table-layout:fixed;
  overflow:visible;
  width:100%;
  border: 0px dashed #00FF00;
  margin-top:15px;
}

/* content part of text boxes */
td.top-content {
  /* padding-top is done by img part above */
  padding-bottom:5px;
  background-color:#875E1D;
  background-image:url(images/design/menu_left_content_texture.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  font-size:7pt;
  font-weight:bold;
}

/* text needs own div, because first element inside td is an image */
div.top-content {
  padding-left:5px;
}

/* left side of top menu table */
td.top-menu-left {
  width:12px;
  background-image:url(images/design/menu_left_texture.gif);
  background-repeat:repeat-y;
  vertical-align:top;
}

/***************************************
* content pane
***************************************/

/* sword graphics over news */
div#news-sword {
  margin-top:0px;
  margin-bottom:00px;
  text-align:center;
  border: 0px dashed #FFFFFF;
}

/* header block over news */
td.news-header {
  height:30px;
  padding:0px;
  border: 1px solid #000000;
  background-color:#E4C79B;
}

/* headline */
div.headline {
  font-size:12pt;
  font-weight:bold;
  margin-left:5px;
  margin-top:5px;
}
/* small right part of headline */
div.headline-small {
  float:right;
  font-size:7pt;
  font-weight:bold;
  margin-right:5px;
  margin-top:8px;
}

/* content pane for all news */
td#content {
  padding-left:16px;
  padding-right:16px;
  border: 0px solid #FFFF00;
  background-image:url(images/design/content_right.gif);
  background-position:top right;
  background-repeat:no-repeat;
}

/* table for single news */
table.news-table {
  width:100%;
  margin-top:10px;
  margin-bottom:30px;
}

/* news table td for one news entry */
td.news-entry {
  padding:8px;
  background-color:#C9A875;
}

/* top texture of news border table */
td.news-top {
  margin-top:30px;
  font-size:1px;
  text-align:right;
  background-image:url(images/design/menu_top_texture.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
  border: 0px dashed #FFFFFF;
}

/* bottom texture of news border table */
td.news-bottom {
  font-size:1px;
  text-align:left;
  background-image:url(images/design/menu_bottom_texture.gif);
  background-position:top left;
  background-repeat:repeat-x;
}

/* left upper corner of news table */
/*
td.news-left-upper-corner {
  background-image:url(images/design/menu_left_texture.gif);
  background-position:bottom right;
  background-repeat:no-repeat;
}
*/
/* left side of news table */
td.news-left-border {
  width:5px;
  background-image:url(images/design/menu_left_texture.gif);
  background-position:bottom right;
  background-repeat:repeat-y;
  vertical-align:bottom;
}

/* right side of news table */
td.news-right-border {
  width:5px;
  background-image:url(images/design/menu_right_texture.gif);
  background-position:top left;
  background-repeat:repeat-y;
  vertical-align:top;
}

/* right lower corner of news table */
td.news-right-lower-corner {
  background-image:url(images/design/menu_right_texture.gif);
  background-position:top left;
  background-repeat:no-repeat;
}

/* td of new archive calendar table */
td.archivecalendar {
  width:80 px;
  padding:15px;
  font-weight:bold;
}

/***************************************
* comments
***************************************/

/* news comment table */
table.news-comment {
  width:95%;
  background-color:#C9A875;
  border: 1px solid #000000;
}

/* header block over comment */
td.news-comment-header {
  height:30px;
  padding:0px;
  border-bottom: 1px solid #000000;
  background-color:#E4C79B;
}

/***************************************
* general stuff in in page body
***************************************/

/* background block for misc sections */
div.background-block {
  width: 95%;
  background-color:#E4C79B;
  border: 1px solid #000000;
  padding:8px;
}

/* input textfields */
input.body-input, textarea.body-input, select.body-input {
  font:9pt Verdana, Arial, Helvetica, sans-serif;
  background-color:#E4C79B;
  border: 1px solid #000000;
  color:#000000;
  margin-bottom:5px;
}

/* send button */
input.body-button {
  font:9pt Verdana, Arial, Helvetica, sans-serif;
  background-color:#E4C79B;
  border: 1px solid #000000;
}

/***************************************
* menu at right side
***************************************/

/* top right part (blue skies) */
td#right-top {
  width:108px;
  height:258px;
  border: 0px dashed #000000;
  background-image:url(images/design/right_top_background.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  font-size:7pt;
  margin:0px;
  padding:0px;
}

/* the whole menu at the right, upper layer */
td#right-menu {
  width:181px;
  border: 0px solid #FF0000;
  background-image:url(images/design/right_menu_background.jpg);
  background-position:top;
  background-repeat:no-repeat;
  color: #FFFFFF;
  font-size: 7pt;
}

/* the whole menu at the right, lower layer */
td#right-menu-background {
  background-image:url(images/design/menu_right_bottom_texture.gif);
  background-position:top;
  background-repeat:repeat-y;
}

/***************************************
* menu at right side, menu points
***************************************/
/* menu points are displayed directly over background graphics
   they need to be placed exactly over the appropriate sign
   this is done via margin values, change with caution! */

/* link colors for user menu */
a.usermenu:link, a.usermenu:visited {
  color:#FFFFFF;
  text-decoration:none;
}
a.usermenu:hover, a.usermenu:active, a.usermenu:focus {
  color:#BBCCFF;
  text-decoration:underline;
}

div#partner {
  margin-top:45px;
  margin-left:37px;
  height:110px;
  width:100px;
  color: #FFFFFF;
  overflow:hidden;
  border: 0px dashed #FFFFFF;
}

div#statistik {
  margin-top:68px;
  margin-left:37px;
  height:122px;
  width:100px;
  color: #FFFFFF;
  overflow:hidden;
  border: 0px dashed #FFFFFF;
}

div#potm {
  margin-top:78px;
  margin-left:15px;
  padding-top:8px;
  height:141px;
  width:140px;
  text-align:center;
  color: #FFFFFF;
  overflow:hidden;
  border: 0px dashed #FFFFFF;
}

img#potm-image {
  border: 0px solid #FFFFFF;
  cursor:pointer;
}

div#umfrage {
  margin-top:74px;
  margin-bottom:50px;
  margin-left:25px;
  height:200px;
  width:140px;
  border: 0px dashed #FFFFFF;
  vertical-align: middle;
  overflow:hidden;
}
/* link colors for user menu */
a#umfrage-link:link, a#umfrage-link:visited {
  margin-left:14px;
  color:#FFE8A0;
  text-decoration:none;
}
a#umfrage-link:hover, a#umfrage-link:active, a#umfrage-link:focus {
  color:#FFFFFF;
  text-decoration:underline;
}

div#right-menu-spacer {
  height:100px;
}

/***************************************
* footer
***************************************/

/* footer consists of two tables, one at top ot the other.
   prevents page form distorting at lower resolutions as 1024x768. */

td#footer-front {
  height:43px;
  background-image:url(images/design/footer.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

td#footer-back {
  height:43px;
  background-image:url(images/design/footer-right.jpg);
  background-position:top;
  background-repeat:repeat-x;
}

/***************************************
* potm thumb, input buttons
***************************************/

.thumb {
  cursor: pointer;
}

#poll {
  vertical-align: middle;
}


.news_head
{
    padding-bottom:2px;
    border-bottom:1px solid #000000;
}
.news_footer
{
    padding-top:2px;
    border-top:1px solid #000000;
}
.small
{
    font-size:7pt;
}


/**************
* Gaia Codes
**************/
.tnlink:link { color: #000000; text-decoration: none }
.tnlink:visited { color: #000000;  text-decoration: none}
.tnlink:hover { color: #000000; text-decoration: underline }

.barbutton img { margin:0px 1px 0px 1px; border:1px solid #00008B; background:#ffffff;}
.barbutton img:hover { border:1px solid #00008B; background:#6495ED; cursor:pointer; }

.smilie img { padding:3px; border:1px solid #00008B; background:#ffffff; }
.smilie img:hover { border:1px solid #00008B; background:#6495ED; cursor:pointer; }

img.thumb {
  margin: 4px 0;
}