/* ###################### OVERALL SETTINGS ###################### */
BODY {
  background-color : #000000;
  color            : #CCCCCC;
}

td, tr, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #000000;
}

p {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  text-align       : justify;
  color            : #000000;
}

h4 { color: #000000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
h5 { color: #000000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
h6 { color: #000000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

li {
  list-style       : inside url(../images/arrow.png) 3px;
  list-style-image : url(../images/arrow.png);
}

hr {
  color            : #444444;
  height           : 1px;
  width            : 100%;
}

.pathwaytext {
  color            : #808080;
}

.pathway {
  color            : #FFFFFF;
}



/* ######################## BUTTON BAR ######################## ok */
ul#mainlevel-nav {
  padding-left     : 0;
  margin-left      : 0;
  color            : White;
  float            : left;
  width            : 100%;
  font-family      : arial, helvetica, sans-serif;
}

ul#mainlevel-nav li {
  display          : inline;
}

ul#mainlevel-nav li a {
  padding          : 0.2em 1em;
  color            : #999;
  text-decoration  : none;
  float            : left;
  background       : url(../images/menu_bar_div.gif) no-repeat right;
}

ul#mainlevel-nav li a:hover {
  text-decoration  : none;
  color            : #CC3333;
}
/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 12px;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #FF0000;
  text-decoration  : none;
}

a:hover {
  color            : #0000FF;
  background-color : #C7CBFF;
  font-family      : Verdana, Arial, Helvetica, sans-serif;  
  text-decoration  : none;
}

a.mainlevel:link, a.mainlevel:visited {
  color            : #FFFFFF;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : bold;
}

a.mainlevel:hover {
  color            : #0000FF;
  background-color : #C7CBFF;
  font-family      : Verdana, Arial, Helvetica, sans-serif;  
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color            : #FF0000;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : bold;
}

a.category:hover {
  color            : #0000FF;
  background-color : #C7CBFF;
  font-family      : Verdana, Arial, Helvetica, sans-serif;  
  text-decoration  : none;
}

a.pathway {
  color            : #FFFFFF;
  font-family      : Verdana, Arial, Helvetica, sans-serif;  
  text-decoration  : none;
}

a.pathway:hover {
  color            : #0000FF;
  background-color : #C7CBFF;
  font-family      : Verdana, Arial, Helvetica, sans-serif;  
  text-decoration  : none;
}

a.toclink:link, a.toclink:visited {
  font-size        : 10px;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #FF0000;
  text-decoration  : none;
}


/* ###################### MODULE SETTINGS ###################### */
table.moduletable {
  width            : 100%;
  margin-bottom    : 5px;
/*  border-bottom    : 1px solid #000;*/
}

table.moduletable_s {
  width            : 100%;
}

table.moduletable th {
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif;
  color            : #CFCFCF;
  text-align       : center;
  letter-spacing   : 1px;
  background       : url(../images/top_bar_back.gif);
  background-color : #3F3A49;
}

table.moduletable td {
  padding          : 2px 2px 5px 2px;
}


/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font             : bold 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #C0C0C0;
  background-color : #2E3440;
  border           : 1px solid #000000;
}

.inputbox {
  font             : 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #CCCCCC;
  background-color : #333333;
  border           : 1px solid #000000;
}

.sinputbox {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #CCCCCC;
  background-color : #333333;
  border           : 1px solid #000000;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
    background-color : #C0C0C0;
    border          : none;
}

.contenttoc {
  	padding : 2px 2px 2px 2px;
  	spacing: 2px 2px 2px 2px;
}

.contentpaneopen {
  border           : none;
}

.contentheading, .componentheading {
  font             : bold small-caps 12px Verdana, Arial, Helvetica, sans-serif;
  color            : #0000FF;
  text-align       : left
  width            : 100%;
  height           : 20px;
  border-bottom    : 1px solid #000000;
}


.contentdescription {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000000;
  text-align       : left;
  width            : 100%;
}

.category {
  color            : #999999;
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none;
}

.pagenav {
  font             : bold small-caps 8px Verdana, Arial, Helvetica, sans-serif;
}


/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color : #C0C0C0;
}

.sectiontableentry2 {
  background-color : #C0C9C0;
}

.sectiontableheader {
  background-color : #3F3A49;
  background       : url(../images/top_bar_back.gif);
  height           : 20;
  width            : 100%;
  color            : #CFCFCF;
  font-weight      : bold;
}

.booktableheader {
  background-color : #3F3A49;
  background       : url(../images/top_bar_back.gif);
  height           : 20;
  color            : #CFCFCF;
  font-weight      : bold;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
  text-decoration  : none;
}

.smalldark {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #0066CC;
}

.createdate {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : normal;
}

/* ######################### VOTING SETTINGS ######################### */
.content_rating {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #3366CC;
  font-size        : 9px;
}

.content_vote {
  background       : #33303c;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #CC9999;
  font-size        : 9px;
}

.content_vote.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  width            : 60px;
  font-weight      : bold;
  font-size        : 10px;
  color            : #333333;
  background       : #EEEEEE;
  border           : 1px solid #999999;
}
/* ######################### FORUM THEMS SETTINGS ######################### */
.font {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : normal;
}


td.slogik, td.slogik a {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #ffffff;
  text-decoration  : none;
  font-weight      : normal;
}

td.slogik a:hover , td.slogik:hover {
  text-decoration  : underline;
  background: none;
}