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

/* ##################### OVERALL SETTINGS ##################### QM: ok */
html, body {
  min-height       : 100%
}

body {
  background       : url('../images/main_back.jpg') repeat-x top left #003366;
  margin           : 0px;
  padding          : 0px;
  text-align       : center;
}

td, tr, p, div {
  font-family      : verdana, arial, helvetica, geneva, sans-serif;
  font-size        : 12px;
  line-height      : 18px;
  color            : #333;
}

/* ##################### LINK SETTINGS ##################### QM: ok */
a {
  color            : #f90;
}

a:hover {
  color            : #999;
}

.topmenu {
  color            : #999;
}
.topmenu a {
  font-family      : Arial,Helvetica,Verdana,sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  text-decoration  : none;
  color            : #fff;
}

.topmenu a:hover {
  font-family      : Arial,Helvetica,Verdana,sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  text-decoration  : none;
  color            : #f90;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM: ok */
.rand {
  width            : 1024px;
  margin           : 0 auto;
  text-align       : center;
  background       : url('../images/main_shadow.png') repeat-y top center transparent;
}

.topmenu {
  width            : 960px !important;
  width            : 1000px;
  padding          : 0 20px;
  height           : 30px;
  line-height      : 30px;
  vertical-align   : middle;
  text-align       : right;
  background-color : #3c3c41;
  margin           : 0 auto;
}

.main {
  background-color : #fff;
  margin           : 0 auto;
  padding          : 0 20px;
  width            : 960px !important;
  width            : 1000px;
  text-align       : left;
}

.contentzeile01 {
}
.contentzeile01links {
  height           : 75px !important;
  height           : 100px;
  width            : 250px;
  float            : left;
  padding-top      : 25px;
}
.contentzeile01rechts {
  height           : 100px;
  width            : 710px;
  float            : right;
}

.contentzeile02 {
  background-color : #fff;
}
.contentzeile02links {
  height           : 250px;
  width            : 250px;
  float            : left;
  background-color : #f90;
}
.contentzeile02links p {
  padding          : 75px 20px;
  color            : #fff;
  font-size        : 22px;
  line-height      : 32px;
}
.contentzeile02rechts {
  background-color : #3c3c41;
  height           : 250px;
  width            : 710px;
  float            : right;
}

.contentzeile03 {
  border-top       : 20px solid #fff;
  border-bottom    : 20px solid #fff;
  background       : #fff;
}

.rootline {
  border-bottom    : 1px solid #ccc;
  width            : 100%;
  padding          : 0px 0px 3px 0px;
  margin-bottom    : 25px;
  font-size        : 10px;
  color            : #666;
}

.pageinfo {
  border-top       : 1px solid #ccc;
  width            : 100%;
  padding          : 3px 0px;
  margin-top       : 25px;
  font-size        : 10px;
  color            : #666;
}

.contentzeile04 {
  height           : 30px;
  width            : 100%;
}
.contentzeile04links {
  height           : 30px;
  width            : 450px;
  float            : left;
  line-height      : 14px;
  color            : #999;
  font-size        : 10px;
  padding          : 0;
}
.contentzeile04rechts {
  height           : 30px;
  width            : 450px;
  float            : right;
  text-align       : right;
  padding          : 0;
}

.column_left {
  background-color : #eee;
  vertical-align   : top;
  width            : 250px;
}
.column_right {
  background-color : #eee;
  vertical-align   : top;
  width            : 200px;
}
.column_left p, .column_right p {
  margin           : 0px 0px 10px 0px ;
  padding          : 0px 5px;
}
.column_left div.csc-textpic, .column_right div.csc-textpic {
  margin           : 0px;
  padding          : 0px;
}
.content_normal {
  vertical-align   : top;
  background-color : #fff;
  color            : #000000;
  padding          : 0 10px;
  width            : auto;
}

/* ################# MAIN MENU SYSTEM ################# QM: ok */
  .hlist { background: transparent; border: 0 none; }
  .hlist ul { margin-left: 0; border: 0 none; width: 100%; }
  .hlist ul li { line-height: 1.2em; display:block; width: 20%; border:0; padding: 0;}
  .hlist ul li.last { margin-left: -5px; float:right; border-right: 1px #ccc solid;}

  .hlist ul li a,
  .hlist ul li strong {  width:auto; display:block; border-left: 1px #ccc solid; color: #000; font-weight: normal; margin: 0 5px 0 0; padding: 0.5em 0 0.5em 0.5em; }

  .hlist ul li a span { display:block; color: #888; }
  .hlist ul li strong span { display:block; color: #aaa; }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active {  background: #444; color: #fff; }

  .hlist ul li.active { background:transparent; border: 0 none; }
  .hlist ul li.active strong { background: #800; color: #fff; font-weight: bold; }


.mainlevel {

}

.mainlevel ul {
  padding          : 0px;
  margin           : 0px;
  margin-top       : 50px;
  float            : right;
  width            : auto;
  font-size        : 16px;
  font-family      : Helvetica, Arial, sans-serif;
  font-weight      : normal;
}
.mainlevel ul li {
  display          : inline;
}
.mainlevel ul li a {
  text-decoration  : none;
  float            : left;
  height           : 20px !important;
  height           : 50px;
  padding          : 5px 30px 25px 10px;
}

.mainlevel ul li a span {
  display          : block;
  color            : #888;
  font-size        : 11px;
}

.menu_01 a, .menu_02 a, .menu_03 a, .menu_04 a, .menu_05 a, .menu_06 a, .menu_07 a, .menu_08 {
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_01 a, .menu_01 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_02 a, .menu_02 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_03 a, .menu_03 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_04 a, .menu_04 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_05 a, .menu_05 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_06 a, .menu_06 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_07 a, .menu_07 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}
.menuactive_08 a, .menu_08 a:hover {
  background-color : #f0f0f0;
  border-left      : 1px solid #ccc;
  color            : #000;
}

/* ##################### SITEMAP MENU ##################### QM: ok */
.csc-menu{
  border-top       : 1px solid #fff;
  list-style-type  : none;
  margin           : 0;
  padding          : 0;
  width            : 100%;
}

.csc-menu li{
  border-bottom    : 1px solid #fff;
}

.csc-menu li a{
  background       : #ddd;
  color            : #000;
  display          : block;
  width            : auto;
  padding          : 5px 0;
  text-indent      : 8px;
  text-decoration  : none;
  border-left      : 5px solid #f90;
  border-right     : 1px solid #fff;
}


.csc-menu li a:hover{
  background-color : #333;
  color            : #fff;
}


/* ##################### HEADER SETTINGS ##################### QM: ok */
h1, h2, h3, h4 {
  margin           : 0;
  padding          : 0;
  font-family      : Helvetica, arial, sans-serif;
  color            : #f90;
}

h1 {
  font-size        : 22px;
  padding-bottom   : 15px;
}

h2 {
  font-size        : 18px;
}

h3 {
  font-size        : 14px;
  padding-top      : 10px;
  border-bottom    : 1px solid #ccc;
}

h4 {
  font-size        : 12px;
  font-weight      : bold;
  border-bottom    : 1px solid #ccc;
}

.column_right h1, .column_right h2, .column_right h3, .column_right h4, .column_right h5,
.column_left h1, .column_left h2, .column_left h3, .column_left h4, .column_left h5 {
  font-size        : 12px;
  font-family      : Helvetica, Arial, sans-serif;
  font-weight      : normal;
  letter-spacing   : 0px;
  color            : #fff;
  padding          : 0px 5px;
  border           : none;
  background       : #f90;
  line-height      : 25px;
}

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

.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;
}

/* ########## TYPO3 - AUFZAEHLUNG ########## QM: ok */
.csc-bulletlist-1 {
  list-style-type  : decimal;
}

.csc-bulletlist-2 {
  list-style-type  : upper-alpha;
}

.csc-bulletlist-3 {
  list-style-type  : upper-roman;
}

.csc-textpic-caption {
  padding          : 3px;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  line-height      : 12px;
  color            : #333;
  background       : #CCC;
}

/* ########## TYPO3 - TABELLE ########## QM: ok */
.contenttable {
  width            : 100%;
  border-collapse  : collapse;
  margin           : 15px 0px;
}

.contenttable th {
  border           : 1px solid #999;
  padding          : 3px;
  background       : #ccc;
}

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

.tr-odd {
  background       : #f0f0f0;
}

.tr-even {
  background       : #fff;
}

/* ########## TYPO3 - LINKS ########## QM: ok */
a.internal-link, a.internal-link-new-window {
}

a.external-link, a.external-link-new-window {
  padding-left         : 15px;
  background-image     : url('../images/linkicon_external.png');
  background-repeat    : no-repeat;
  background-position  : 0 50%;
}

a.download {
  padding-left         : 15px;
  background-image     : url('../images/linkicon_file.png');
  background-repeat    : no-repeat;
  background-position  : 0 50%;
}

a.mail {
  padding-left         : 15px;
  background-image     : url('../images/linkicon_mail.png');
  background-repeat    : no-repeat;
  background-position  : 0 50%;
}

.socialbookmarklink {
  padding-left    : 5px;
}


/* ##################### TEASER MENU #################### QM:  */
.teasermenu * {
  margin           : 0;
  padding          : 0;
  display          : block;
}

.teasermenu ul {
  list-style-type  : none;
  width            : 655px;
  line-height      : 14px;
}

.teasermenu ul li {
  padding          : 5px;
  min-height       : 1px;
}

.teaserhell {
  background       : #eee;
}

.teaserdunkel {
  background       : #ddd;
}

.teasermenu ul li a.screenshotlink {
  width            : 120px !important;
  width            : 130px;
  float            : left;
  background       : #fff;
  border           : 1px solid #999;
  padding          : 5px;
}

.teasermenu ul li a.screenshotlink img {
  vertical-align  : top;
}

.teasermenu ul li dl {
  float            : right;
  width            : 500px;
}

.teasermenu ul li dl dt {
  font-weight      : bold;
}

.teasermenu ul li dl dt a {
  display          : inline;
}

.teasermenu ul li dl dd {
  padding-top      : 3px;
}

.teasermenu ul li .clearer {
  clear            : both;
  visibility       : hidden;
  font-size        : 0;
  line-height      : 0;
  height           : 0;
}

/* ##################### EXTENSIONS STYLE #################### QM:  */