/**
* AkoDarkView - A Joomla template
* @version 1.0
* @copyright (C) 2007 by webdesignheuvelland
**/

/* ##################### OVERALL SETTINGS ##################### QM: ok */
body {
  background       : #000;
  margin           : 0px;
  padding          : 0px;
  text-align       : center;
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 20px;
  color            : #333333;
  text-align       : justify;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM: ok */
.maintable {
  width            : 750px;
}
.upper_bar {
  height           : 110px;
}
.content_head {
  background       : #222222;
  vertical-align   : middle;
  border-bottom    : 10px solid #444444;
  padding          : 5px 10px;
}
.middle_bar {
  height           : 350px;
}
.content_image {
  background       : #006633;
}

.content_image td {
  color : #fff;
  padding          : 20px;
}

.content_main {
  background       : /*url('../images/content_background.png') bottom right no-repeat */ #FFE88A;
  vertical-align   : top;
  border-top       : 10px solid #fff;
}
.bottom_bar {
  height           : 50px !important;
  height           : 40px;
  background-color : #222222;
}
.content_bottom {
  vertical-align   : middle;
  text-align       : center;
  border-bottom    : 10px solid #444444;
}

.content_bottom div {
  line-height      : 14px;
  color            : #333333;
  font-size        : 10px;
  text-align       : center;
}

.column_left {
  vertical-align   : top;
  border-right     : 1px solid #ffffff;
  width            : 175px;
}
.column_right {
  vertical-align   : top;
  border-left      : 1px solid #b9b9a9;
  width            : 175px;
}
.content_normal {
  vertical-align   : top;
  color            : #666666;
  border-right     : 1px solid #ffffff;
  border-left      : 1px solid #b9b9a9;
  padding          : 10px;
}

/* ##################### MODULE SETTINGS ###################### QM: ok */
table.moduletable, table.moduletable-mainmenu {
  width            : 100%;
  table-layout     : auto;
  margin           : 0px 0px 15px 0px;
}
table.moduletable th, table.moduletable-mainmenu th {
  margin           : 0px;
  padding          : 6px 5px;
  display          : block;
  background       : url('../images/column_back.png') top left repeat-x #999999;
  border           : none;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;
}
table.moduletable-mainmenu td {
  padding          : 0px;
}
table.moduletable td {
  padding          : 3px;
}

div.moduletable {
  margin-bottom    : 10px;
  background       : #FFE88A;
  padding-bottom   : 3px;
}

.moduletable h3 {
  margin           : 0px;
  padding          : 6px 5px;
  border           : none;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;
  background       : #FFE88A;

}

/* ##################### FORMULAR SETTINGS #################### QM: ok */
.button {
  background-color : #FFE88A;
  color            : #000000;
  border           : 1px solid #878641;
  margin           : 5px;
}
.inputbox {
  border           : 1px solid #878641;
  background-color : #FFE88A;
  color            : #000000;
  margin           : 5px;
}

/* ################# SECTION LISTING SETTINGS ################# QM: ok */
.sectiontableheader {
  font-size        : 11px;
  font-weight      : bold;
  text-align       : center;
  color            : #FFFFFF;
  background       : #666666;
  vertical-align   : middle;
  height           : 20px;
  border-right     : 1px solid #fff;
  padding          : 0px 10px;
}
.sectiontableentry1 {
  background       : #FFE88A;
  padding          : 3px 5px;
}
.sectiontableentry2 {
  padding          : 3px 5px;
}
/* ########################### LINKS ########################## QM: ok */
a:link, a:visited {
  text-decoration  : none;
  border-bottom    : 1px dotted #336600;
  color            : #336600;
}
a:hover {
  color            : #cc0000;
  border-bottom    : 1px dotted #cc0000;
}
a.category:link, a.category:visited {
  font-weight      : bold;
}
.readon {
  font-weight      : bold;
}
.content_bottom a {
  text-decoration  : none;
  border-bottom    : 1px dotted #444444;
  color            : #444444;
}
.content_bottom a:hover {
  text-decoration  : none;
  border-bottom    : 1px dotted #336600;
  color            : #336600;
}

/* ##################### PAGE NAVIGATION ###################### QM: ok */
.pagenavbar {
  background-color : #ffffff;
  padding          : 3px;
}
.pagenavbar div {
  text-align       : center;
}
.contenttoc {
  width            : 180px;
  background-color : #ffffff;
  margin           : 0px 5px 10px 10px;
}
.contenttoc th {
  padding          : 3px 5px;
  background       : #FFE88A;
  font-size        : 12px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;
}
.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### QM: ok */
.small {
  font-size        : 10px;
  color            : #878641;
}
.smalldark {
  font-size        : 10px;
  color            : #000000;
}
.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

/* ##################### VOTING SETTINGS ###################### QM: ok */
.content_rating {
  font-size        : 10px;
  color            : #000000;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #ffffff;
}

/* ################### CONTENT PAGE SETTINGS ################## QM: ok */
.contentpane {
  padding          : 0px;
}
.contentpaneopen {
  padding          : 0px;
  text-align       : justify;
}
.contentheading, .componentheading {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 14px;
  letter-spacing   : 1px;;
  font-weight      : bold;
  color            : #104200;
  margin-bottom    : 10px;
}
.contentpagetitle {
  font-weight      : bold;
  color            : #000;
}
a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

/* ###################### BUTTON SETTINGS ##################### QM:  */
a.readon:link, a.readon:visited, .back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #FFE88A;
  border           : 1px solid #E0E0E0;
  padding          : 3px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover, .back_button a:hover {
  color            : #336600;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #104200;
  border           : 1px solid #336600;
  padding          : 3px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  padding          : 4px;
  white-space      : nowrap;
  float            : right;
  text-decoration  : none;
  border           : none;
}

/* ###################### IMAGE SETTINGS ###################### */
.mosimage {
  margin           : 2px;
  text-align       : center;
}
.mosimage img {
  margin           : 3px;
}
.mosimage_caption {
  padding          : 1px 2px;
  margin-top       : 2px;
  font-size        : 10px;
  color            : #878641;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */
a.mainlevel  {
  display          : block;
  padding          : 3px 0px 3px 10px;
  width            : 165px !important;
  width            : 175px;
  border-bottom    : 1px solid #e0e0e0;
  border-top       : 1px solid #ffffff;
  text-transform   : uppercase;
  margin           : 0px;
}
a.mainlevel:link, a.mainlevel:visited {
  color            : #000000;
  text-decoration  : none;
  border-bottom    : 1px solid #e0e0e0;
}
a.mainlevel:hover {
  text-decoration  : none;
  color            : #990000;
  border-bottom    : 1px solid #e0e0e0;
  background-color : #104200
}
#active_menu {
  font-weight      : bold;
  color            : #990000;
}
a#active_menu:hover {
}
.sublevel {
  font-size        : 12px;
}

ul#mainlevel-topmenu {
  padding          : 0;
  margin           : 0;
  list-style       : none;
}
ul#mainlevel-topmenu li {
  display          : block;
  padding-left     : 0px;
  padding-right    : 0px;
  margin           : 0;
  float            : right;
  font-size        : 11px;
  font-weight      : bold;
  line-height      : 20px;
  white-space      : nowrap;
}
ul#mainlevel-topmenu li a {
  display          : block;
  padding-left     : 5px;
  padding-right    : 5px;
  text-decoration  : none;
  color            : #444444;
  border           : none;
}
ul#mainlevel-topmenu li a:hover {
  text-decoration  : none;
  color            : #336600;
  border           : none;
}