body {
  font-family:Tahoma,Arial,sans-serif;
  font-size:10pt;
  text-align: center;
}

/* headings */
h1 {
  margin:0.5em 0;
  font-size:12pt;
}
h2 {
  margin:1em 0 0.5em 0;
  font-size:10pt;
}
h3 {
  margin:0 0 0.3em 0;
  font-size:10pt;
}
h4 {
  margin:0 0 0.3em 0;
  font-size:8pt;
}

/* other main elements */
img {
  padding:0;
}

p {
  margin:0 0 0.5em 0;
}

label {
  cursor:pointer;
}


/* classes
---------- */

/* whole page */
.page {
  text-align:left;
  margin:0 auto;
  width:598px;
  padding:0px;
  border:solid 1px black;
  min-height:450px;
}

/* main content below menu */
.main {
  min-height:250px;
  padding:5px;
}

/* tables
--------- */

/* menu table */
.menu {
  border-style:none;
  padding:0px;
  margin:0;
  border-spacing:0px;
  border-collapse:collapse;
}

.menu td {
  margin:0;
  padding:0px;
  border-width:0px;
  border-spacing:0px;
}

.menu tr {
  padding:0px;
  margin:0px;
}

.menu td a {
  background-color:transparent;
}
.menu td a:hover {
  background-color:transparent;
}


/* small table */
table.smalltab {
  margin:0;
  padding:0;
}

table.smalltab td {
  margin:0;
  padding:0;
  vertical-align:top;
}

table.list {
  width:99%;
}

table.list td {
  padding:2px 3px;
  white-space:nowrap;
  margin:0;
}

table.formtab {
  border-style:solid;
  border-width:1px;
}

table.formtab th {
  text-align:right;
  padding:10px 5px 2px 2px;
  /*font-weight:normal;*/
  vertical-align:top;
  white-space:nowrap;
}

table.formtab tr.error td {
  border:solid 2px red;
  border-left-style:none;
}

table.formtab tr.error th {
  border:solid 2px red;
  border-right-style:none;
}

table.formtab td {
  padding:8px 3px;
  margin:0;
  vertical-align:top;
}

table.buttontab td
{
  width:112px;
  text-align:center;
  vertical-align:top;
}

table.buttontab a
{
  display:block;
  border:solid 1px transparent;
  height:120px;
  text-decoration:none;
}

tr.error td
{
  color:red;
}



/* graphs
--------- */

.graph_bg
{
  width:259px;
  height:48px;
  background-repeat:no-repeat;
}

.graph_filled
{
  height:48px;
  background-repeat:no-repeat;
}

.graph_mini_bg
{
  width:190px;
  height:35px;
  background-repeat:no-repeat;
}

.graph_mini_filled
{
  height:35px;
  background-repeat:no-repeat;
}

.tab_graph
{
  width:580px;
  border-style:none;
}

.tab_graph_title
{
  padding-top:1em;
  font-weight:bold;
  letter-spacing:0.2em;
  font-size:10pt;
  text-align:center;
  vertical-align:bottom;
  border-top-style:dashed;
  border-top-width:1px;
}

.tab_graph_value
{
  font-size:10pt;
  width:160px;
  vertical-align:bottom;
  padding-bottom:0.5em;
}

.graph_value_good
{
  padding:8px;
  margin-left:10px;
  width:130px;
  text-align:left;
}

.graph_value_bad
{
  padding:8px;
  margin-right:10px;
  width:130px;
  text-align:right;
}


.tab_graph_graph
{
  width:260px;
  padding-bottom:1em;
}


.tab_minigraph th {
  vertical-align:bottom;
  padding-right:5px;
  text-align:right;
}

/* comment-boxes
---------------- */

div.comment_frame {
  background-repeat:no-repeat;
  border:solid 1px black;
  margin:0.5em 0 1.5em 0;
}

div.comment_header {
  border-bottom:solid 1px black;
  padding:3px 3px 0 3px;
}

div.comment_date {
  float:right;
  width:200px;
  text-align:right;
}

div.comment_bottom {
  border-top:solid 1px black;
}

div.comment_graph {
  border-left:solid 1px black;
  padding:3px;
  width:200px;
  float:right;
}

div.comment_functions {
  border-top:solid 1px black;
  padding:0 3px 3px 3px;
}


/* Button-code generator
------------------------ */

div.codegen {
  width:580px;
  background-repeat:no-repeat;
  border-style:solid;
  border-width:1px;
}

div.codegen td.highlight {
  border-style:solid;
  border-width:1px;
}

div.codegen a.highlight:hover {
}

div.codegen a {
  text-decoration:none;
}

div.codegen h1 {
  display:block;
  border-bottom:solid 1px black;
  padding:3px 3px 0 3px;
  font-size:12pt;
  margin:0;
}


/* other classes
---------------- */

.smalltext {
  font-size:8pt;
}

p.description {
  font-size:8pt;
  font-weight:normal;
}

/* simple box */
div.box {
  border-style:solid;
  border-width:1px;
  padding:2px 5px 2px 2px;
}

div.large {
  margin:5px 0;
}

img.userpic {
  padding:3px;
  float:right;
  margin:3px;
  border-style:solid;
  border-width:1px;
}


/* Seitenzahlen
---------------- */

.pages{
  padding:0;
}

.pages li{
  float:left;
  font-weight:bold;
  font-size:24px;
  line-height:32px;
  text-align:center;
  padding:0;
  list-style:none;
  border:solid 1px black;
  margin:0 2px 10px 2px;
}

.pages li a{
  text-decoration:none;
  margin:0;
  display:block;
}

.pages li a:hover {
  background-repeat: repeat-x;
}

.pages li a.active {
  background-repeat: repeat-x;
}

.pages li span{
  padding:0 5px 0 4px;
  height:32px;
  cursor:pointer;
}

.pages li .dots{
  font-size:11px;
  height:32px;
  padding:0 2px 0 2px;
  display:block;
}

.pages li .scroll{
  font-size:13px;
  height:32px;
  padding:0 2px 0 2px;
  display:block;
}


img {
  border-width:0;
  margin:0;
  padding:0;
}

.icon {
  width:16px;
  height:16px;
  vertical-align:middle;
  margin-right:5px;
}

.linkbutton {
  border-width:2px;
  border-style:solid;
  padding:10px;
  display:inline-block;
  margin:5px;
}

.buttonred {
  border-width:2px;
}

.buttongreen {
}

/* buttons */
a.btn_vote {
  display: block;
  width:283px;
  height:88px;
}

a.btn_vote:hover {
  background-position:0 -88px;
}

a.btn_vote:active {
  background-position:0 -176px;
}