/**
author: Andreas Plass
**/

/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
  /*
  margin           : 0 15px !important;
  margin           : 0 30px;    */

  background       : #505050;
}

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

hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

a:link, a:visited {
  color            : #69B102;
  text-decoration  : underline;
}

a:hover {
  color            : #999999;
  text-decoration  : underline;
}

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

form {
  margin           : 0;
  padding          : 0;
}

.inputbox {
  color            : #000000;
  background       : #ECEEEF;
  border           : 1px solid #cccccc;
  margin           : 3px 0;
}

form select.button {
  color            : #000000;
  background       : #ECEEEF;
}

option {
  background       : #ffffff;
}

/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
}

div.back_button a {
  text-decoration  : none;
  }

/** Contact **/

.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {
}

/** Module table  **/

table.moduletable {
  margin           : 0 0 0px 0;
  width            : 100%;
}

table.moduletable th {
  font-family      : Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  text-align       : center;
  width            : 100%;
  color            : #EBEFF2;
  padding          : 2px;
  line-height      : 25px;
  background       : url(../images/mod_left.gif) #414141 repeat-x top left;
  height           : 29px;
}

table.moduletable td {
  padding-top      : 2px;
}

div.module, div.module_menu {
  text-align       : left;
  margin           : 0 0 20px 0;
}

div.module h3, div.module_menu h3 {
  font-family      : Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  text-align       : center;
  width            : 100%;
  color            : #EBEFF2;
  line-height      : 27px;
  background       : url(../images/mod_left.gif) #414141 repeat-x top left;
  height           : 25px;
  margin           : 0 0 15px 0;
}

.contentmod {
  text-align       : left;
  padding          : 8px 0;
}

.contentmod td {
  padding          : 5px;
}

.contentmod table.moduletable {
  margin           : 0 0 8px 0;
  width            : 100%;
  border           : 1px solid #DDE1E3;
  background       : #ECEEEF;
}

.contentmod table.moduletable th {
  font-size        : 14px;
  font-weight      : bold;
  text-align       : center;
  width            : 100%;
  color            : #616161;
  padding          : 2px;
  line-height      : 25px;
  border-bottom    : 1px solid #DDE1E3;
  background       : url(../images/mod_center.gif) #E7EAEC repeat-x top left;
}

/** Read more **/

a.readon:hover {
  color            : #999999;
  font-size        : 12px;
  background       : url(../images/indent1.png) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 1px 10px;
  line-height      : 15px;
  text-decoration  : none;
  border-left      : 2px solid #999999;
 }

/** Pagenavigation **/

.pagenavcounter {
  font-size        : 11px;
  color            : #999999;
}

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


.pagination span   { padding: 2px; }

.pagination a      { padding: 2px; }

.pagination {
  font-weight      : normal;
}

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

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

table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #f3f5f6;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

table.contenttoc th {
  margin           : 0;
  padding          : 2px;
  background       : #e7eaec;
  color            : #333333;
}

table.contenttoc td a:link, table.contenttoc td a:visited {
  padding-left     : 12px !important;
  padding-left     : 0;
  text-indent      : 12px;
  text-decoration  : none;
}

/** Pathway **/

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

a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
  font-weight      : bold;
  text-decoration  : underline;
}

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

.pathway img {
  padding-top      : 5px;
}


/** Content **/

.sectiontableheader {
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #414141; 
  padding          : 3px 5px;
  border           : 1px solid #ffffff;
}

td.sectiontableheader a {
 color             : #F6F7F9;
}

.sectiontableentry1 {
  vertical-align   : top;
  background       : #f6f6f6;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;
}

.sectiontableentry1 td, .sectiontableentry2 td {
  padding          : 2px 5px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;
}

.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #ffffff;
  background       : #f0f0f0;
  line-height      : 20px;
}

.sectiontableentry1 img{
  margin           : 2px 0;
}

.sectiontableentry2 img {
  margin           : 2px 0;
}

a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding          : 5px;
}

.small {
  font-size        : 11px;
  color            : #999999;
}

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

.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}

.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
}

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

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

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

.contentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 17px;
  font-weight      : bold;
  line-height      : 21px;
  text-align       : left;
  text-indent      : 0px;
  color            : #616161;
  padding          : 3px;
  margin           : 3px 0;
  background       : url(../images/bg_title.gif) repeat-x top left;
}

.contentheading a {
  text-decoration  :none;
}

.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 17px;
  font-weight      : bold;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #616161;
  padding          : 3px 3px 3px 9px;
  margin           : 5px !important;
  margin           : 5px 1px;
  background       : #ECEEEF;
}

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

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

.buttonheading {
  padding          : 0 2px;
}

.blog {
  width            : 100%;
}

/** Polls **/

.poll {
  color            : #333333;
  line-height      : 13px;
  font-weight      : normal;
  text-align       : left;
}

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

 /** CSS for Mainmenu **/

.module_menu ul, .module_menu ul li {
  background-image : none;
  list-slyle       : none;
  display          : block;
  width            : auto !important;
  width            : 100%;
  margin           : 1px 0;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;
}

.module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited {
  display          : block;
  font-size        : 12px;
  border-bottom    : 1px solid #DCDFE1;
  font-weight      : normal;
  padding          : 1px 0;
  color            : #666666;
  padding-left     : 1px;
  text-decoration  : none;
}

.module_menu ul li a:hover {
  border-bottom    : 1px solid #DCDFE1;
  font-size        : 12px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 1px;
  text-decoration  : none;
  background       : #ECEEEF;
}

.module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited {
  display          : block;
  font-size        : 12px;
  font-weight      : bold;
  color            : #999999;
  padding          : 1px 1px 1px 1px;
  margin	         : 1px 0px 0px 10px;
  text-decoration  : none;
  text-indent      : 0px;
  border           : none;
}

.module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover {
  background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  /*text-indent      : 10px;*/
}

.module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited {
  background       : #ECEEEF;
  font-size        : 12px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  /*text-indent      : 10px;*/
}

.module_menu ul li.active a:link, .module_menu ul li.active  a:visited {
  color               : #69B102;
  border-bottom       : 1px solid #DCDFE1;
  background          : url(../images/menu_green.gif) #ECEEEF 96% 50% no-repeat;
  text-decoration	    : none;
}

.module_menu ul li.active ul li a:hover, .module_menu ul li.active ul li ul li a:hover {
  background          : none;
  font-size           : 12px;
  font-weight         : normal;
  color               : #69B102;
  text-decoration     : none;
  /*text-indent         : 10px;*/
}

/** Topmenu  **/

ul#mainlevel-nav {
  float            : right;
  list-style       : none;
  margin           : 0;
  padding          : 0px 20px 0px 0px;
  font-size        : 12px;
}

#mainlevel-nav li {
  float            : center;
  display          : inline;
  list-style       : none;
  background-image : none;
  width	           : auto;
  color		         : #333333;
}

#mainlevel-nav li a {
  display          : inline;
  width		         : auto;
/*  background	     : #2C2C2C;  */
  padding	         : 5px 6px 5px 6px;
  color		         : #333333;
  text-decoration  : none;
  font-weight	     : normal;
  line-height      : 20px !important;

}

ul#mainlevel-nav li #active_menu-nav:hover {
  cursor           : pointer;
  position         : relative;
  width            : auto;
  background       : #000000;
  padding	         : 0;
  color	           : #333333;
  text-decoration  : none;
}

/** images **/

div.mosimage         { margin: 5px; }
div.mosimage_caption { font-size: 11px; color: #666; }
div.caption          { padding: 0 4px; }
div.caption img      { border: 1px solid #CCC; }
div.caption p        { font-size: 11px; color: #666; text-align: center; }
img.caption          { border: 1px solid #CCC; padding: 4px;}

/** #################### index.php #################### **/

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

div.mod {
  background       : none;
  width            : 6px;
}

#centertb {
/*  border           : 1px solid #ffffff;    */

}

#contenttb {
  padding          : 10px 0px 0px 90px;
/*  border           : 2px solid #efefef;  */
}

#beitrag  {
  padding          : 0;
  border           : 0px solid #efefef;
  height           : 530px;
}

td.pw {
  width            : 100%;
  padding          : 5px 5px 10px 5px !important;
  padding          : 2px 2px 10px 2px;
}

td.pw div {
  padding          : 5px;
  width            : auto;
  border           : 1px solid #DDE1E3;
  background       : #ECEEEF;
}

.footer_left {
  float            : left;
  font-size        : 12px;
  font-weight      : normal;
  padding-top      : 10px !important;
  padding-top      : 15px;
}

.footer_left p {
  padding-left     : 20px;
  color            : #A4A5A5;
}

.footer_right {
  width            : 410px; 
  float            : right;
  font-size        : 12px;
  font-weight      : normal;
  padding-top      : 10px;
  text-align       : right;
}

.footer_right p {
  padding-right    : 20px;
  color            : #A4A5A5;
}

.footer_right p a, .footer_left p a {
  color            : #B8B8B8;
}

.leftcol, .rightcol {
  vertical-align   : top;
  padding          : 90px 12px;
  text-align       : left;
  width            : 190px;
}

.leftcol div {
  width            : 160px;
}

.rightcol div {
  width            : 160px;
}


.foot {
  height           : 87px;
  background       : url(../images/footer.jpg) repeat-x top left;
  border           : 0px solid #ffffff;
  border-top       : none;
}

.foot td {
  padding          : 10px 15px;
}

#center {
  width            : 935px;
  max-height       : 701px;
  /*border           : 2px solid #efefef;  */
  margin-right     : auto;
  margin-left      : auto;
  background       : url(../images/bg_all.png) no-repeat top left;

}

#logo {
  height           : 136px;
}

#design_logo {
  margin-right     : 20px;
  padding-top      : 10px;
}