/* ###################### OVERALL SETTINGS ###################### */

/* ### Added: full page height ### */
html, body {
  height:95%; margin 0; padding 0; 
}

/* ### Changed: background-color as in main-contentbox to view same background-color in backend ### */
BODY {
  background-image : url(../images/logo.png);
  background-repeat: repeat-x;
  background-position: center center;
  background-attachment: fixed;
  background-color : #EEEEEE; /* lightest-grey    */
  color            : #000000; /* black            */
}

/* ### Added: black colored background ### */
.frontend {
  background-color : #000000; /* black            */
  color            : #CCCCCC; /* light-grey       */
}


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


/* ### Added: left alignment of table headers ### */
th {
  color            : #008CD7; /* darkgreen 6F9949 */
  background-color : #000000; /* black            */
}

h1 { color: #151515; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; }
h2 { color: #151515; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
h3 { color: #151515; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }

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

h6 { color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

ul {
  padding          : 12px;
  margin           : 6px;
}

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

hr {
  color            : #2E3440; /* darkblue-grey    */
  background-color : #2E3440; /* darkblue-grey    */
  height           : 1px;
  width            : 100%;
}

table.searchintro {
  background-color : #FFFFFF; /* white            */
  border           : solid 1px #777777;
}

#datamain1 {
 height            : 60px;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 12px;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  color            : #0000FF; /* blue            */
  font-weight      : normal;
  text-decoration  : none;
  
}

a:hover {
  color            : #777777;
  text-decoration  : none;
}

a.mainlevel-xx:link, a.mainlevel:visited {
  color            : #808080;
  font-weight      : normal;
}

a.mainlevel-xx:hover {
  color            : #3F7A12;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  color            : #999999;
  font-weight      : bold;
}

a.category:hover {
  color            : #3F7A12;
}

/* Buttonbar = Print|Email|Pdf */

a.buttonbar:link, a.buttonbar:visited {
  font             : bold 9px Arial, Helvetica, sans-serif;
  color            : #5D74A3; 
  text-transform   : uppercase;
  text-decoration  : none;
}

a.buttonbar:hover {
  color            : #FFFFFF;
  text-transform   : uppercase;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# */
a.mainlevel:link, a.mainlevel:visited {
  background       : url(../images/arrow.gif) no-repeat;
  vertical-align   : middle;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : normal;
  color            : #808080;
  text-align       : left;
  padding-top      : 1px;
  padding-left     : 18px;
  width            : 155px;
  text-decoration  : none;
}

a.mainlevel:hover {
  text-decoration  : none;
  color            : #3F7A12;
}


a.sublevel:link, a.sublevel:visited {
  font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  text-align: left;
}

a.sublevel:hover {
  font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  background-color: #E9EC00;
  color: #C10000;
  text-align: left;
  width: 100%;
}


/* ###################### MODULE SETTINGS ###################### */
/* Pathway Breadcrumbs */
.pathway {
  font-size        : 11px;
  color            : #EEEEEE;
}	

a.pathway:link {
  color            : #CCCCCC;
}	

a.pathway:visited {
  color            : #CCCCCC;
}	

a.pathway:active {
  color            : #808080;
}	

a.pathway:hover {
  color            : #659FDE;
  text-decoration  : none;
}

.pathwaytext {
  color            : #808080;
}

/*##################### NAVIGATION SECTION #####################*/	
/* Readon  */		
a.readon {
  background-color : #008CD7;
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif;
  font-variant     : small-caps;
  color            : #FFFFFF;
  text-align       : left;
  width            : 100%;
  height           : 20px;
  border-top       : 1px solid #3E4460;
  border-bottom    : 2px solid #000000;
  border-left      : 1px solid #3E4460;
  border-right     : 2px solid #000000;
  padding-left     : 3px;
  padding-right    : 3px;
}

a.readon:hover {
  font             : bold 12px Verdana, Arial, Helvetica, sans-serif; 
  font-variant     : small-caps;
  color            : #EEEEEE;
}

.back_button {
  font             : bold 11px Verdana, Arial, Helvetica, sans-serif; 
  font-variant     : small-caps;
  color            : #EEEEEE;
  background-color : #2E3440;
  height           : 16px;  
  border-top       : 1px solid #3E4460;
  border-bottom    : 2px solid #000000;
  padding-left     : 3px;
}

.back_button a:link {
  color            : #4682B4; /* steelblue */
}

.back_button a:hover {
  color            : #FFFFFF; /* white     */
}

.buttonheading {
  background-color : #2E3440;
}


/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav {
  font-size        : 14px;  
  color            : #CC6600; 
}

.pagebar {
  font-size        : 12px;
}

.pagenav_prev { 
  font-size        : 14px;  
  color            : #EEEEEE;
  background-color : #D3D3D3; /* LightGrey */
  border-top       : 1px solid #3E4460;
  border-bottom    : 2px solid #000000;
  border-left      : 1px solid #3E4460;
  border-right     : 2px solid #000000;
  padding-left     : 3px;
  padding-right    : 3px;

}

.pagenav_next {
  font-size        : 14px;  
  color            : #EEEEEE; 
  background-color : #D3D3D3; /* LightGrey */
  border-top       : 1px solid #3E4460;
  border-bottom    : 2px solid #000000;
  border-left      : 1px solid #3E4460;
  border-right     : 2px solid #000000;
  padding-left     : 3px;
  padding-right    : 3px;
}

a.pagenav {
  color            : #FF0000; /* Red */
  border-bottom    : 0px;
}

a.pagenav:hover {
  color            : #659FDE; /* LightBlue */
  border-bottom    : 0px;
}

.pagenavcounter {
  height           : 15px;  
}

/*##################### MODULES SECTION #####################*/	
.moduleheading {
  font             : bold 11px Verdana, Arial, Helvetica, sans-serif;
  font-variant     : small-caps;
  color            : #008CD7; /* Dark Green 6F9949*/
  text-align       : left;
}

table.moduletable {
  width            : 100%;
  padding          : 0px;
  margin           : 0px;
}

table.moduletable th { 
  background-color : #222222;
  height           : 18px;  
  border-top       : 1px solid #3E4460;
  border-bottom    : 3px solid #000000;
  padding-left     : 3px;
}

table.moduletable td { 
  font             : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #EEEEEE;
  padding-left     : 2px;
}

table.moduletable a:link { 
  color            : #EEEEEE;
  font-size        : 10px; 
}

table.moduletable a:visited { 
  color            : #EEEEEE; 
  font-size        : 10px; 
}

table.moduletable a:hover { 
  color            : #888888;
  font-size        : 10px; 
}

table.moduletable a:active { 
  color            : #EEEEEE; 
  font-size        : 10px; 
}

/* ############ Rechter Modules ################ */
table.moduletable-ri {
  width            : 100%;
  padding          : 0px;
  margin           : 0px;
  background-color : #151515;
  border           : 1px solid #000000;
}

table.moduletable-ri th { 
  background-color : #222222;
  border-top       : 1px solid #3E4460;
  border-bottom    : 3px solid #000000;
  height           : 18px;  
  padding-left     : 3px;
}

table.moduletable-ri td { 
  font             : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #EEEEEE;
  padding-left     : 2px;
  background-color : #151515;
  border           : 0px solid #FF0000;
}


.frameheader {
  font             : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 18px;
  font-weight      : none;
  color            : #808080;
}

.poll {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 15px;
}

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

.inputbox {
  font             : 11px Verdana, Arial, Helvetica, sans-serif;
  color            : #444444;
  background-color : #B8B4B4;
  border           : 1px solid #000000;
}

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

.contentpaneopen {
  border           : none;
  padding-left     : 5px;
  padding-right    : 5px;
  padding-bottom   : 0px;
  padding-top      : 0px;
}

.contentheading, .componentheading {
  background-color : #2E3440;
  font             : bold 11px Verdana, Arial, Helvetica, sans-serif;
  font-variant     : small-caps;
  color            : #008CD7;
  text-align       : left;
  width            : 100%;
  height           : 20px;
  border-top       : 1px solid #3E4460;
  border-bottom    : 1px solid #000000;
}

.contentdescription {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #CCCCCC;
  text-align       : left;
}

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

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color : #999999;
  padding          : 5px;  
}

.sectiontableentry1 td {
  padding-left     : 3px;  
  padding-right    : 3px;
  padding-top      : 1px;  
  padding-bottom   : 1px;
}

.sectiontableentry2 {
  background-color : #888888;
  padding          : 5px;  
}

.sectiontableentry2 td {
  padding-left     : 3px;  
  padding-right    : 3px;
  padding-top      : 1px;  
  padding-bottom   : 1px;  
}

.sectiontableheader {
  background-color : #000000;
  background       : url(../images/top_bar_back.gif);
  height           : 20px;
  color            : #FFFFFF;
  font-weight      : bold;
  padding-left     : 3px;
}

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

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

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

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

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

.content_vote {
  background       : #2E3440;
  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;
}

/* ###################### RSS SETTINGS ###################### */
.fase4rdf {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #000000;
  font-weight      : normal;
}

a.fase4rdf:link {
  font-size        : 9px;
  font-weight      : normal;
  color            : #FF9900;
}

a.fase4rdf:hover {
  font-weight      : bold;
  color            : #808080;
}

/* ###################### USER CONTENT TABLES SETTINGS ###################### */
.lj td {
 text-align: left;
}

.rj td {
 text-align: right;

.cj td {
 text-align: center;
}