body {
  background-image:url(../img/bg_stripes.png);
  background-color:#F4EAF2;
  color:black;
}

a:active {
  color:black;
}

/* defining matching colors
--------------------------- */

/* dark purple */
h1, a {
  color:#9316BA;
}

/* lighter purple */
h2,
a:hover,
.tab_graph_title {
  color:#C745EF;
}

h3 {
  color:black;
}

div.box,
div.codegen,
div.codegen td.highlight,
table.formtab,
table.buttontab a:hover,
img.userpic,
.tab_graph_title,
.pages li,
div.comment_frame
{
  border-color:#C745EF;
}

/* light rose */
div.box,
div.comment_frame,
table.formtab td,
table.formtab th,
img.userpic,
.pages li {
  background-color:#F5D4FF;
}

/* lighter rose */
tr.highlight td,
div.box div.highlight,
table.formtab tr.highlight td,
table.formtab tr.highlight th {
  background-color:#F9E7FF;
}

a.simple {
  background-color:transparent;
  text-decoration:none;
}

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

.page {
  background-color:#ECAFFF;
  border-color:black;
}

.main {
  background-color:#ECAFFF;
}


/* graphs
--------- */
.graph_bg
{
  background-image:url(../img/graph_bg.png);
}

.graph_filled
{
  background-image:url(../img/graph_filled.png);
}

.graph_mini_bg
{
  background-image:url(../img/graph_mini_bg.png);
}

.graph_mini_filled
{
  background-image:url(../img/graph_mini_filled.png);
}

.graph_value_good
{
  color:#525252;
}

.graph_value_bad
{
  color:#525252;
}


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

div.comment_header,
div.comment_functions {
  background-color:#F3CFFF;
  border-color:#ECAFFF;
}

div.comment_date {
  color:#555555;
}

div.comment_bottom {
  border-top-color:#ECAFFF;
}

div.comment_graph {
  border-left-color:#ECAFFF;
}


/* Seitenzahlen
---------------- */
.pages li{
  color:#A568B8;
}

.pages li a{
  text-decoration:none;
  color:#A568B8;
}

.pages li a:hover {
  background-image:url(../img/pages_bg.png);
  background-color:#A568B8;
  color:white;
}

.pages li a.active {
  background-image:url(../img/pages_bg.png);
  background-color:#A568B8;
  color:white;
}


.buttonred {
  border-color:red;
  background-color:#FFC1C1;
  color:red;
}

.buttongreen {
  border-color:green;
  background-color:#CBFFC1;
  color:green;
}

/* buttons */
a.btn_vote {
  background: url(../img/bewerten_hov.jpg) 0 0 no-repeat;
}


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

div.codegen {
  background-image:url(img/comment_bg/rosa_bg2.jpg);
  background-color:#F4D1FF;
}

div.codegen td.highlight {
  background-color:#FFEAFC;
}

div.codegen a.highlight:hover {
  background-color:#F1CFE1;
}

div.codegen h1 {
  background-color:#F3CFFF;
  border-bottom-color:#ECAFFF;
}