/**
* AkoGreenFire - A Typo3 template
* @version 1.0
* @copyright (C) 2005 by Arthur Konze
* @license http://www.konze.de/ Copyrighted Commercial Software
**/

/* ##################### 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           : 150px;
}
.content_image {
  background       : #006633;
  vertical-align   : top;
}
.content_main {
  background       : url('../images/content_background.png') bottom right no-repeat #f0f0e0;
  vertical-align   : top;
  border-top       : 10px solid #fff;
}
.bottom_bar {
  height           : 60px;
  background-color : #222222;
}
.content_bottom {
  line-height      : 16px;
  color            : #333333;
  font-size        : 11px;
  vertical-align   : middle;
  text-align       : center;
  border-bottom    : 10px solid #444444;
}
.column_left {
  vertical-align   : top;
  border-right     : 1px solid #b9b9a9;
  width            : 175px;
}
.column_right {
  vertical-align   : top;
  border-left      : 1px solid #ffffff;
  width            : 175px;
}
.content_normal {
  vertical-align   : top;
  color            : #666666;
  border-right     : 1px solid #b9b9a9;
  border-left      : 1px solid #ffffff;
  padding          : 10px;
}

.column_left p {
  margin           : 0px 0px 20px 0px ;
  padding          : 5px;
}

.column_left div.csc-textpic {
  margin           : 0px;
  padding          : 0px;
}

.column_right p {
  margin           : 0px 0px 20px 0px ;
  padding          : 5px;
}

.column_right div.csc-textpic {
  margin           : 0px;
  padding          : 0px;
}

.lang_container {
  float            : right;
  vertical-align   : top;
}

.topmodulecontainer {
  margin-left      : 50px;
  margin-right     : 50px;
  margin-top       : 15px;
}

.topmodulecontainer p {
  color            : #ffffff;
  font-size        : 16px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */
.sublevel ul {
  margin           : 0px;
  padding          : 0px;
  list-style-type  : none;
  font-family      : Arial, Helvetica, sans-serif;
  width            : 150px !important;
  width            : 175px;
}

.sublevel a {
  display          : block;
  padding          : 3px 0px 3px 25px;
  width            : 150px !important;
  width            : 175px;
  border-bottom    : 1px solid #e0e0e0;
  text-transform   : uppercase;
}

.sublevel a:link,  .sublevel a:visited {
  color            : #000000;
  text-decoration  : none;
  border-bottom    : 1px solid #e0e0e0;
  background       : url('../images/menu_page.png') 6px 50% no-repeat #f0f0e0;
}

.sublevel a:hover, .sublevel li#sublevelactive a {
  text-decoration  : none;
  color            : #990000;
  border-bottom    : 1px solid #e0e0e0;
  background       : url('../images/menu_page.png') 6px 50% no-repeat #f8f9f2;
}

.sublevel li#sublevelifsub a {
  text-decoration  : none;
  color            : #000000;
  border-bottom    : 1px solid #e0e0e0;
  background       : url('../images/menu_folder.png') 6px 50% no-repeat #f0f0e0;
}

.sublevel li#sublevelactifsub a, .sublevel li#sublevelifsub a:hover {
  text-decoration  : none;
  color            : #990000;
  border-bottom    : 1px solid #e0e0e0;
  background       : url('../images/menu_folder.png') 6px 50% no-repeat #f8f9f2;
}

.sublevel2 ul {
  margin           : 0px;
  padding          : 0px;
  list-style-type  : none;
  font-family      : Arial, Helvetica, sans-serif;
  width            : 150px !important;
  width            : 175px;
}

.sublevel2 a {
  display          : block;
  padding          : 0px 0px 0px 25px;
  width            : 150px !important;
  width            : 175px;
  background       : url('../images/arrow.gif') 10px 50% no-repeat #f0f0e0;
  border-bottom    : 1px solid #e0e0e0;
}

.sublevel2 a:link,  .sublevel2 a:visited {
  color            : #666666;
  text-decoration  : none;
  border-bottom    : 1px solid #e0e0e0;
}

.sublevel2 a:hover, .sublevel2 li#sublevel2active a {
  color            : #990000;
  text-decoration  : none;
  border-bottom    : 1px solid #e0e0e0;
  background       : url('../images/arrow_hover.gif') 10px 50% no-repeat #f8f9f2;
}

/* ##################### FORMULAR SETTINGS #################### QM:  */
.csc-mailform {
  border           : none;
  width            : 500px;
}

.csc-mailform-field {
  border           : none;
  padding-left     : 10px;
  padding-bottom   : 10px;
  display          : block;
  clear            : both;
}

label {
  float            : left;
  clear            : both;
  display          : block;
  width            : 100px;
  margin-bottom    : 10px;
  padding-left     : 10px;
}

input, textarea, select {
  float            : left;
  display          : block;
  width            : 250px;
  margin-bottom    : 10px;
  padding          : 1px;
  font-size        : 12px;
}

.csc-mailform-submit {
  margin-left      : 100px;
  width            : 100px;
  clear            : both;
}

/* ##################### Definitionslisten ##################### QM: ok */
.csc-menu {
width: 41.1em;
margin: 2em 0;
padding-top: 20;
font-family: Arial, Helvetica, sans-serif;
}

.csc-menu dt {
width: 15em;
float: left;
margin: 0 0 0 0;
padding: 0.5em;
border-top: 1px solid #999;
font-weight: bold;
}

.csc-menu dd {
float: left;
width: 24em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}

/* ##################### LINK SETTINGS ##################### QM: ok */

a {
  text-decoration  : underlined;
  color            : #336600;
}

a:hover {
  color            : #cc0000;
}

.content_bottom a {
  text-decoration  : underlined;
  color            : #444444;
}

.content_bottom a:hover {
  text-decoration  : underlined;
  color            : #336600;
}

/* ##################### HEADER SETTINGS ##################### QM: ok */
h1 {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 1.6em;
  letter-spacing   : 0.1em;
  font-weight      : bold;
  color            : #000000;
  margin-bottom    : -0.5em;
}

h2 {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 1.4em;
  letter-spacing   : 0.1em;
  font-weight      : bold;
  padding          : 5px 0px;
  border-bottom    : 1px solid #666666;
  margin-bottom    : -0.5em;
}

h3 {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 1.2em;
  letter-spacing   : 0.1em;
  color            : #666666;
  font-weight      : bold;
  padding          : 5px 0px;
  border-bottom    : 1px solid #999999;
  margin-bottom    : -0.5em;
}

h4 {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 1.0em;
  letter-spacing   : 0.1em;
  color            : #999999;
  font-weight      : bold;
  border-bottom    : 1px solid #cccccc;
  margin-bottom    : -0.5em;
}

.topmodulecontainer h1, .topmodulecontainer h2, .topmodulecontainer h3, .topmodulecontainer h4, .topmodulecontainer h5 {
  color            : #ffffff;
  border           : none;
}

.column_right h1, .column_right h2, .column_right h3, .column_right h4, .column_right h5 {
  margin           : 0px;
  padding          : 6px 5px;
  display          : block;
  background       : url('../images/column_back.png') top left repeat-x #999999;
  border           : none;
}

.column_left h1, .column_left h2, .column_left h3, .column_left h4, .column_left h5 {
  margin           : 0px;
  padding          : 6px 5px;
  display          : block;
  background       : url('../images/column_back.png') top left repeat-x #999999;
  border           : none;
}


/* ##################### T3 TABLE SETTINGS ##################### QM: ok */
.tr-odd {
  background       : #e5e5c9;
}

.contenttable {
  width            : 100%;
  border-collapse  : collapse;
  margin           : 15px 0px;
}

.contenttable td {
  border           : 1px solid #CCCCCC;
  padding          : 5px;
}

.csc-uploads {
  width            : 100%;
  border-collapse  : collapse;
  margin           : 15px 0px;
}

.csc-uploads td {
  border           : 1px solid #CCCCCC;
  padding          : 5px;
}

.csc-uploads-icon {
  width            : 25px;
  text-align       : center;
}

.csc-uploads-fileSize {
  width            : 75px;
}

.csc-uploads-fileSize p {
  text-align       : right;
}