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

/* ##################### OVERALL SETTINGS ##################### QM: ok */
body {
  background       : url('../images/main_back.jpg') top left #cccccc;
  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;
}

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

a {
  color            : #ee9900;
}

a:hover {
  color            : #999999;
}

/* ##################### DIES UND DAS ##################### QM: ok */

.topback {
  background       : url('../images/back_verlauf.jpg') top left repeat-x;
}

.mainshadow {
  background       : url('../images/main_shadow.png') top center repeat-y;
}

.leftfx {
  background       : url('../images/luftblasen.png') top left no-repeat;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM: ok */
.maintable {
  width            : 770px;
}

.design_row01 {
  height           : 80px;
}

.design_row01_left {
  background       : url('../images/logo_back.jpg') top left no-repeat #e6fff5;
  width            : 225px;
  vertical-align   : middle;
  text-align       : center;
}

.design_row01_normal {
  background       : url('../images/logo_back.jpg') top right no-repeat #e6fff5;
}

.design_row02 {
  height           : 210px;
}

.design_row02_left {
  background       : url('../images/quicknav_back.jpg') top left no-repeat #336699;
  width            : 225px;
  vertical-align   : top;
}

.design_row02_normal {
  background       : url('../images/header_image.jpg') top left no-repeat #003366;
}

.design_row03 {
}

.design_row03_left {
  background       : #99ccff;
  width            : 225px;
  vertical-align   : top;
}

.design_row03_normal {
  background       : #ffffff;
  padding          : 10px;
  vertical-align   : top;
}

.design_row04 {
  height           : 50px;
}

.design_row04_left {
  background       : #336699;
  color            : #6699cc;
  text-align       : center;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 14px;
}

.design_row04_normal {
  background       : #003366;
  color            : #336699;
  text-align       : center;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 11px;
  line-height      : 14px;
}

.languagecontainer {
  height           : 45px !important;
  height           : 55px;
  width            : 150px;
  float            : right;
  padding-top      : 10px;
  padding-right    : 10px;
  vertical-align   : top;
  text-align       : right;
}
.menucontainer {
  float            : right;
  background       : url('../images/top_menu_back.jpg') top left no-repeat #336699;
  width            : 545px;
  height           : 25px;
}

.clear {
  clear            : both;
  line-height      : 0;
  font-size        : 0;
  height           : 0;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */
.mainlevel {
  float            : right;
}

.mainlevel ul {
  font-family      : Arial, Helvetica, sans-serif;
  padding          : 0px;
  margin           : 0px;
  color            : #ffffff;
}

.mainlevel ul li {
  display          : inline;
}

.mainlevel ul li a {
  padding          : 2px 15px;
  float            : left;
  height           : 21px !important;
  height           : 25px;
}

.mainlevel a:link,  .mainlevel a:visited {
  background       : #336699;
  border-left      : 1px solid #fff;
  color            : #ffffff;
  text-decoration  : none;
  border-bottom    : none;
}

.mainlevel ul li a:hover, .mainlevel li#mainlevelactive a {
  background-color : #339933;
  color            : #000000;
  border-bottom    : none;
}

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

.sublevel a {
  display          : block;
  padding          : 3px 0px 3px 10px;
  width            : 215px !important;
  width            : 225px;
  background-color : #336699;
  text-transform   : uppercase;
}

.sublevel a:link,  .sublevel a:visited {
  color            : #ffffff;
  text-decoration  : none;
  border-bottom    : 1px solid #99ccff;
}

.sublevel a:hover, .sublevel li#sublevelactive a {
  text-decoration  : none;
  color            : #000000;
  border-bottom    : 1px solid #99ccff;
  background-color : #339933;
}

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

.sublevel2 a {
  display          : block;
  padding          : 0px 0px 0px 25px;
  width            : 200px !important;
  width            : 225px;
  background       : url(../images/arrow2.gif) 10px 50% no-repeat #6699cc;
}

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

.sublevel2 a:hover, .sublevel2 li#sublevel2active a {
  color            : #000000;
  text-decoration  : none;
  border-bottom    : 1px solid #99ccff;
  background       : url(../images/arrow2.gif) 10px 50% no-repeat #66cc66;
}

/* ##################### QUICKNAV SETTINGS #################### QM:  */
.quicknav ul {
  font-family      : "Times New Roman", Times, serif;
  font-size        : 36px;
  padding          : 0px;
  margin           : 0px;
  color            : #ffffff;
  list-style-type  : none;
}

.quicknav ul li {
}

.quicknav ul li a {
  padding-left     : 20px;
  line-height      : 70px;
  display          : block;
  width            : 100%;
  letter-spacing   : 4px;
}

.quicknav a:link,  .quicknav a:visited {
  color            : #ffffff;
  text-decoration  : none;
}

.quicknav ul li a:hover {
  color            : #003366;
  text-decoration  : none;
  font-weight      : bold;
  background       : url('../images/test_back.png') top left #transparent;
}

/* ##################### 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;
}

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

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 #003366;
}

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 #336699;
}

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

.design_row03_left h1, .design_row03_left h2, .design_row03_left h3, .design_row03_left h4, .design_row03_left h5 {
  margin           : 0px;
  padding          : 6px 5px;
  display          : block;
  background       : #003366;
  border           : none;
  color            : #ffffff;
}


.column_right p, .design_row03_left p {
  padding          : 0px 10px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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



.toolscontainer {
  width            : 100%;
  height           : 18px;
  text-align       : right;
}