/* ###################### OVERALL SETTINGS ###################### */
BODY { background-color : white; color            : black; font-size: 10px; }

td, tr, p, div { font-family      : Verdana, Arial, Helvetica, sans-serif; color            : black; font-size: 10px; }

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

li { text-align: left; list-style-image: url(../images/arrow.png); }
  
  lis


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

.pathwaytext {
  color            : #808080;
}

/* ######################## 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        : 10px;
  color            : navy;
  font-weight      : bold;
  text-decoration  : none;
}

a:hover { color            : teal; font-size: 10px; text-decoration  : none; }

a.mainlevel:link, a.mainlevel:visited { color            : navy; font-size: 12px; font-weight      : normal; }

a.mainlevel:hover { color            : teal; font-size: 12px; text-decoration  : underline; }

a.category:link, a.category:visited { color            : navy; font-size: 12px; font-weight      : bold; }

a.category:hover { color            : teal; font-size: 12px; }

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

table.moduletable th {
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif;
  color            : green;
  text-align       : left;
}

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


/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif;
  color            : #515a6d;
  background-color : silver;
  border           : solid 1px #000000;
}

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

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  border           : none;
}

.contentpaneopen {
  border           : none;
}

.contentheading, .componentheading { font             : small-caps bold 14px Verdana, Arial, Helvetica, sans-serif; color            : silver; background-color: maroon; text-align       : left; height           : 20px; border-bottom    : 1px solid #000000; }

.contentdescription {
  font-family      : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : gray;
  text-align       : left;
}

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

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

.sectiontableentry2 {
  background-color : green;
}

.sectiontableheader {
  background       : url(../images/top_bar_back.gif);
  height           : 20px;
  color            : #ffffff;
  font-weight      : bold;
}

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

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

.createdate {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : black;
  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       : silver;
  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;
}
#spf {position: absolute;left: -10000px;}