/****
author - stefan trapp consulting, Stefan Trapp
***/

body, html {
  padding      : 0;
  margin       : 0;
  margin-bottom: 10px;
  background   : url(../images/background_grayblur.png) #EEEDE5 repeat-x top left;
}

.main { 
  text-align       : left; 
  width            : 100%;
  margin           : 0; 
  padding          : 0;
}

.mod {
  background       : #FFFFFF;
  width            : 2px;
}

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

hr {
  color            : #EE7700 /* #999999*/ ;
  height           : 1px;
  width            : 100%;
  border-width     : 0;
  background       : #EE7700;
}

form {
  margin           : 0; 
  padding          : 0;
}

.leftrow {
  width            : 200px;
  height           : 100%;
  margin-right     : 0;
  background       : #fff;
}

.rightrow {
  height           : 100%;
  width            : 169px;
  margin-left      : 0;
  background       : #fff;
}

.back_button {
  color            : #999999;
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
}

.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #ff8800;
  margin           : 3px;
  background-color : #EEEDE5;
  padding          : 2px !important;
  padding          : 1px;
  cursor           : pointer;
}

.inputbox {
  color            : #000000;
  background       : #ffffff;
  border           : 1px solid #ff8800;
  margin           : 3px;
}

h1 {
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 18px;
  text-align       : left;
  text-indent      : 0;
  color            : #444444;
  width            : 100%;
  padding          : 0px;
  margin           : 3px 0px;
}

h2 {
  font-size        : 16px;
  color            : #333333;
  margin           : 3px 0px;
}

h3 {
  font-size        : 14px;
  color            : #333333;
  margin           : 5px 0;
}

.page-header {
  border-bottom    : 1px solid #ff8800;
  text-transform   : uppercase;
}

div.contact h3 {
  margin           : 0;
  color            : #ffffff; /* weiße Schrift auf weißem Grund */
/*  display: none;*/
}

div.thumbnail {
  text-align       : right;
  align            : right;
  float            : right;
  margin-right     : 4px;
}

div.contact dd {
  margin           : 0 0;
  padding          : 0 0;
  text-align       : left;
  text-indent      : 0;
}

input {
  border           : 1px solid #ff8800;
}

#jform_contact_message {
  border           : 1px solid #ff8800;
}

.btn {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #ff8800;
  margin           : 3px;
  background-color : #EEEDE5;
  padding          : 2px !important;
  padding          : 1px;
  cursor           : pointer;
}

form#form-login {
  background       : #f1f4f6;
  color            : #fff;
  margin           : 5px 0 15px 0;
  text-align       : left
}

form#form-login fieldset{
  border           : none;
}

form#form-login fieldset label {}
form#form-login ul a
{}

.contact_email {
  width            : 100%;
}

.contact_email .inputbox {
  width            : 345px;
}

table.moduletable_menu {
  margin           : 0 0 8px 0;
  width            : 100%;
  background       : url(../images/space.gif) #F8F9FA repeat-x bottom left; 
  padding-bottom   : 2px;
}

table.moduletable, table.moduletable_text {
  margin           : 0 0 8px 0;
  width            : 100%;
  background       : url(../images/mod_bottom.gif) #F8F9FA repeat-x bottom left; 
  padding-bottom   : 2px;
}

table.moduletable th, table.moduletable_menu th, table.moduletable_text th {
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  text-align       : left;
  width            : 100%;
  background       : url(../images/mod.gif) #E7EAEC repeat-x top left; 
  color            : #536570;
  padding          : 2px;
  text-indent      : 10px;
  line-height      : 22px;
}

table.moduletable td, table.moduletable_menu td {
  padding-top      : 0px;
}

.lcol table.moduletable th, .lcol table.moduletable_menu th, .rcol table.moduletable th, .rcol table.moduletable_menu th {
  background       : url(../images/mod_lr.gif) #ffffff repeat-x top left; 
  color            : #ff8800;
  padding          : 4px 0px 4px; /* second value (0px) applies to right and left padding */
}

.sectiontableheader {
  font-size        : 12px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  background       : url(../images/mod_lr.gif) #6D8DB5 repeat-x top left; 
  color            : #ff8800; 
  padding          : 3px;
}

td.sectiontableheader a {
  color            : #ff8800;
}

.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  background       : #F4F5F7;
  border-bottom    : 1px solid #ffffff;
  line-height      : 18px;
}

.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  background       : #EFF1F4;
  line-height      : 18px;
}

.sectiontableentry1 img{
  padding-top      : 3px !important;
  padding-top      : 1px;
}

.sectiontableentry2 img{
  padding-top      : 3px !important;
  padding-top      : 1px;
}

a:link, a:visited {
  color            : #EE7700;
  text-decoration  : none;
  font-weight      : bold;
}

a:hover {
  color            : #DD2200;
  text-decoration  : none;
  font-weight      : bold;
}

a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}

a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 3px 18px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}

a.readon:hover {
  color            : #4B6B94;
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 3px 18px;
  line-height      : 10px;
  text-decoration  : underline;
}

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

ul li {
  line-height      : 15px;
  padding-left     : 15px;
  padding-top      : 0;
  margin-bottom    : 5px;
  background-image : url(../images/dot.png) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

ul.breadcrumb li {
  padding-left     : 2px;
  padding-top      : 0px;
  padding-bottom   : 0px;
  margin-top       : 0px;
  margin-bottom    : 0px;
  border-top       : 0px;
  border-bottom    : 0px;
  background-image : none;
  float: left;
  font-size        : 11px;
  font-weight      : normal;
  color            : #707070;
}

div.date {
  float:right;
  font-size        : 11px;
  font-weight      : bold;
  color            : #707070;
  width            : 140px;
  text-align       : right;
  padding-left     : 5px;
  padding-top      : 3px;
  padding-bottom   : 0px;
  margin-top       : 0px;
  margin-bottom    : 0px;
  border-top       : 0px;
  border-bottom    : 0px;
}

ol {
  margin           : 2px 2px 2px 25px;
  padding-left     : 10px;
  list-style-type  : decimal
}

ol li {
  line-height      : 15px;
  padding-left     : 10px;
  padding-top      : 0;
  margin-bottom    : 5px;
}

table.contenttoc {
  border           : 1px solid #FF8800;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

.pagenavcounter {
  font-size        : 10px;
  color            : #4B6B94;
}

.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; } 

a.pagination:link, a.pagination:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}

a.pagination:hover {
  font-size        : 11px;
  color            : #4B6B94;
  text-decoration  : none;
}

div.pw {
  float            : left;
  width            : 580px;
}

.small {
  font-size        : 10px;
  color            : #333333;
}

.smalldark {
  font-size        : 10px;
  color            : #333333;
}

.createdate, .modifydate {
  float            : left;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}

.content_rating {
  font-size        : 10px;
  color            : #999999;
}

.pathway {
  font-size        : 11px;
  color            : #333333;
}

a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
}

a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.poll {
  color : #333333;
  line-height      : 12px;
  font-weight      : normal;
}

.pollstableborder {
  border-color     : #999999;
  text-align       : left;
}

.contentheading, .componentheading {
  border-bottom    : 1px solid #ff8800;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 18px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #444444;
  width            : 100%;
  padding          : 1px;
  margin           : 3px 0px;
}

td.article_column {
  padding-right    : 5px;
}

.footer {
  font-size        : 11px;
  font-weight      : normal;
  height           : 25px;
  border-top       : 1px solid #ff8800;
}

.lcol {
  vertical-align   : top;
  background       : #ffffff;
  padding-top      : 3px;
  border-left      : 1px solid #ff8800;
  padding-left     : 3px;
}

.rcol {
  vertical-align   : top;
  background       : #ffffff;
  padding-top      : 3px;
  border-right     : 1px solid #ff8800;
  padding-right    : 3px;
  padding-left     : 3px;
}

.foot {
  background       : none;
  vertical-align   : top;
  
}

.contentdescription { 
  width            : auto !important;
  margin           : 0;
  padding          : 0;
  padding-top      : 5px;
  text-align       : left;
}

td.top1 {
  margin           : 0;
  padding          : 0;
  height           : 28px !important;
  height           : 25px;
  padding-top      : 0px !important;
  padding-top      : 3px;
  padding-left     : 2.5%;
  padding-right    : 2.5%;
  background       : url(../images/shadow.jpg) #ffffff repeat-x top;
  border-left      : 1px solid #ff8800;
  border-right     : 1px solid #ff8800;
}

table.templatewidth {
  width            : 957px;
}

table.templatewidth_white {
  width            : 957px;
  background       : #ffffff;
}

#searchbox {
  margin-top       : 5px;
  margin-left      : 3px;
  width            : 120px;
  font-size        : 11px;
  color            : #707070;
  padding          : 2px 2px 2px 5px; 
  border           : 1px solid #ff8800;
  background       : #ffffff;
}

td.logoheader {
  margin           : 0px;
  padding          : 0px;
  background       : url(../images/stc_logo.png) #fff no-repeat center right;
  height           : 120px;
  width            : 88px;
  border-left      : 1px solid #ff8800;
  font-size        : 0px;
}

td.textheader {
  margin           : 0px;
  padding          : 0px;
  padding-left     : 5px;
  background       : #fff;
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 7pt;
  width            : 113px;
  vertical-align   : middle;
  line-height      : 120%;
  border-right     : 1px solid #ff8800;
}

td.imgheader {
  margin           : 0px;
  padding          : 0px;
  background       : url(../images/header.png)  #fff no-repeat bottom left;
  height           : 120px;
  border-right     : 1px solid #ff8800;
  font-size        : 0px;
}

td.topnav-left {
  margin           : 0px;
  padding          : 0px;
  background       : url(../images/bg_top.gif) repeat-x top left;
  height           : 42px;
  border-left      : 1px solid #ff8800;
}

td.topnav-right {
  margin           : 0px;
  padding          : 0px;
  background       : url(../images/bg_top.gif) repeat-x top left;
  height           : 42px;
  border-right     : 1px solid #ff8800;
}

td.bgline {
  margin           : 0px;
  padding          : 0px;
  border-right     : 1px solid #ff8800;
  font-size        : 0px;
}

#mainlevel-nav {
  font-size        : 11px;
  list-style       : none;
  padding          : 0px;
  margin           : 0px;
  margin-left      : 1px;
}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 12px;
  padding-right    : 12px;
  margin           : 0px;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #ff8800;
}

#mainlevel-nav li a:link, #mainlevel-nav li a:visited {
  font-size        : 11px;
  color            : #000033;
  text-decoration  : none;
}

#mainlevel-nav li a:hover {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}

#mainlevel-nav li.active a:link, #mainlevel-nav li.active a:visited {
  font-size        : 11px;
  color            : #ff8800;/*#999999;*/
  text-decoration  : none;
}

ul.nav-child.small li.active a:link, ul.nav-child.small li.active a:visited {
  font-size        : 11px;
  background-color : #EEEEEE;
  color            : #ff8800;/*#999999;*/
  text-decoration  : none;
}

.blog_more {
  margin           : 10px 0px 7px 7px;
}

.buttonheading {
  padding          : 0px 2px;
}

span.article_separator {
  display          : block;
  height           : 15px;
  clear            : both;
}

div.caption       { padding: 0px 10px 0px 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

.caption {border: 1px solid #CCC; padding: 3px;}

/*  Main Menu */
table.moduletable_menu ul, table.moduletable_menu ul li
{
  background-image : none;
  list-slyle       : none;
  display          : block;
  width            : auto;
  margin           : 0px 0px 1px 0px;
  padding          : 0px;
  font-size        : 12px;
  background       : none;
}

table.moduletable_menu ul li a, table.moduletable_menu ul li a:link, table.moduletable_menu ul li a:visited
{
  display          : block;
  font-size        : 12px;
  border           : 1px solid #ff8800;
  background-color : #EEEEEE;
  font-weight      : bold;
  padding          : 2px 0px;
  color            : #666666;
  font-weight      : bold;
  padding-left     : 10px;
}

table.moduletable_menu ul li a:hover
{
  border           : 1px solid #ff8800;
  background-color : #CCCCCC;
  font-size        : 12px;
  font-weight      : bold;
  color            : #222222;
  text-decoration  : none;
  padding-left     : 10px;
}

table.moduletable_menu ul li.active a:link, table.moduletable_menu ul li.active  a:visited
{
  color            : #222222;
  border           : 1px solid #ff8800;
  background-color : #CCCCCC;
  font-weight      : bold;
}

table.moduletable_menu ul li ul li a:link, table.moduletable_menu ul li ul li a:visited, table.moduletable_menu ul li ul li ul li a:link, table.moduletable_menu ul li ul li ul li a:visited
{
  display          : block;
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  color            : #999999;
  padding          : 3px 1px 3px 5px;
  margin           : 3px;
  text-decoration  : none;
  padding-left     : 15px;
  border: none;
}

table.moduletable_menu ul li ul li a:hover, table.moduletable_menu ul li ul li ul li a:hover
{ background:none;
  font-size        : 11px;
  font-weight      : bold;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 15px;
}

table.moduletable_menu ul li.active ul li a:link, table.moduletable_menu ul li.active ul li a:visited, table.moduletable_menu ul li.active ul li ul li a:link, table.moduletable_menu ul li.active ul li ul li a:visited
{
  display          : block;
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  color            : #666666;
  padding    	   : 3px 1px 3px 5px;
  margin           : 3px;
  text-decoration  : none;
  padding-left     : 15px;
  border           : none;
}

table.moduletable_menu ul li.active ul li a:hover, table.moduletable_menu ul li.active ul li ul li a:hover
{
  background       : none;
  font-size        : 11px;
  font-weight      : bold;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 15px;
}

table.moduletable_menu ul li.active ul li#current a
{
  background       : none;
  font-size        : 11px;
  font-weight      : bold;
  color            : #ff8800;
  text-decoration  : none;
  padding-left     : 15px;
}