/* Generelle Einstellungen */
html {
  height           : 100%;
}

body {
  height           : 100%;
  background       : #333333;
  margin           : 0px;
  padding          : 0px;
  text-align       : center;
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 16px;
  color            : #00000;
  text-align       : justify;
}


/* 'MAIN TABLE' + 'CONTAINER' */
.rahmen_rl {
  vertical-align   : top;
  background       : url('../images/background_main.png') top right transparent;
}
.rahmen_m {
  width            : 860px;
  background       : url('../images/background_main.png') top left transparent;
  vertical-align   : top;
}
.rahmen_rr {
  vertical-align   : top;
  background       : url('../images/background_main.png') top left transparent;
}
.rahmen_vl {
  width            : auto;
  height           : 400px;
  background       : url('../images/background_top.png') top right repeat-x transparent;
}
.rahmen_vr {
  width            : auto;
  height           : 400px;
  background       : url('../images/background_top.png') top left repeat-x transparent;
}
.schatten_ol {
  width            : 16px;
  height           : 40px;
  background       : url('../images/schatten_ol.png') top left no-repeat transparent;
}
.schatten_om {
  height           : 40px;
  background       : url('../images/schatten_om.png') top left repeat-x transparent;
  text-align       : right;
  font-weight      : bold;
}
.schatten_or {
  width            : 16px;
  height           : 40px;
  background       : url('../images/schatten_or.png') top left no-repeat transparent;
}
.schatten_ml {
  width            : 16px;
  background       : url('../images/schatten_ml.png') top left repeat-y transparent;
  vertical-align   : top;
}
.schatten_mm {
}
.schatten_mr {
  width            : 16px;
  background       : url('../images/schatten_mr.png') top left repeat-y transparent;
  vertical-align   : top;
}
.schatten_ul {
  width            : 16px;
  background       : url('../images/schatten_ul.png') top right no-repeat transparent;
}
.schatten_um {
  height           : 40px;
  background       : url('../images/schatten_um.png') top left repeat-x transparent;
}
.schatten_ur {
  width            : 16px;
  background       : url('../images/schatten_ur.png') top left no-repeat transparent;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### */
.desitable {
  height           : 100%;
}
.maintable {
  width            : 828px;
  background       : #ffffff;
  padding          : 0px;
  border           : 1px solid #000000;
}
.logocontainer {
  background       : url('../images/logo_back.jpg') no-repeat #ffffff;
  height           : 100px;
  border           : 5px solid #ffffff;
}
.sponsorencontainer {
  background       : #ffffff;
  height           : 80px;
  text-align       : left;
  border           : 5px solid #ffffff;
}
.sponsorencontainer img {
  margin-left      : 5px;
  margin-right     : 5px;
}
.contentcontainer {
  vertical-align   : top;
  border-left      : 5px solid #ffffff;
}
.contentleft {
  width            : 200px;
  background       : #60c0ea;
  vertical-align   : top;
}
.contentmain {
  background       : #d0ecf9;
  vertical-align   : top;
  padding          : 10px;
  border-left      : 5px solid #ffffff;
  border-right     : 5px solid #ffffff;
}
.breadcrumbcontainer {
  height           : 25px;
  border-bottom    : 1px solid #999999;
  margin-bottom    : 10px;
}
.copyright_container {
  float            : left;
  padding          : 5px;
  width            : 600px;
}
.syndicate_container {
  float            : right;
  text-align       : right;
  padding          : 5px;
  width            : 200px;
}
.topnbottommodule_container {
  background       : #a09080;
  padding          : 5px;
  margin-bottom    : 15px;
}

/* ########################### LINKS ########################## */
a:link, a:visited {
  text-decoration  : none;
  color            : #003373;
}
a:hover {
  color            : #60c0ea;
}
a.category:link, a.category:visited {
  font-weight      : bold;
}
.readon {
  font-weight      : bold;
}
.content_bottom a {
  text-decoration  : none;
  border-bottom    : 1px dotted #444444;
  color            : #444444;
}
.content_bottom a:hover {
  text-decoration  : none;
  border-bottom    : 1px dotted #003373;
  color            : #003373;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# */
.moduletable_menu ul {
  margin           : 0px;
  padding          : 0px;
  list-style-type  : none;
  font-family      : Arial, Helvetica, sans-serif;
  width            : 180px !important;
  width            : 200px;
}

.moduletable_menu a {
  display          : block;
  padding          : 3px 10px 3px 10px;
  width            : 190px !important;
  width            : 200px;
  background-color : #60c0ea;
  border-bottom    : 1px solid #000;
  text-decoration  : none;
}

.moduletable_menu a:link,  .moduletable_menu a:visited {
  color            : #fff;
  text-decoration  : none;
}

.moduletable_menu a:hover {
  color            : #ffffff;
  background-color : #003373;
}

.moduletable_menu ul li ul {
  margin           : 0px;
  padding          : 0px;
  list-style-type  : none;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 11px;
  width            : 190px !important;
  width            : 200px;
}

.moduletable_menu ul li ul li a {
  display          : block;
  padding          : 0px 0px 0px 20px;
  width            : 180px !important;
  width            : 200px;
  background-color : #d0ecf9;
}

.moduletable_menu ul li ul li a:link, .moduletable_menu ul li ul li a:visited {
  color            : #003373;
  text-decoration  : none;
}

.moduletable_menu ul li ul li a:hover {
  color            : #ffffff;
  background-color : #003373;
}

/* ##################### MODULE SETTINGS ###################### */
.moduletable_menu h3, .moduletable h3 {
  background       : #003373;
  color            : #ffffff;
  display          : block;
  height           : 20px;
  line-height      : 20px;
  font-family      : Trebuchet MS Bold, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  letter-spacing   : 2px;
  margin           : 0px;
  padding          : 3px 10px;
  text-transform   : uppercase;
}

.moduletable table td {
  padding          : 5px;
}

/* ################# SECTION LISTING SETTINGS ################# */
.sectiontableheader {
  font-size        : 11px;
  font-weight      : bold;
  text-align       : center;
  color            : #c8c3be;
  background       : #000000;
  vertical-align   : middle;
  height           : 20px;
  border-right     : 1px solid #c8c3be;
  padding          : 0px 10px;
}
.sectiontableentry1 {
  background       : #e0e0e0;
  padding          : 3px 5px;
}
.sectiontableentry2 {
  background       : #f0f0f0;
  padding          : 3px 5px;
}

/* ##################### PAGE NAVIGATION ###################### */
.pagenavbar div {
  float            : right;
  font-size        : 10px;
  line-height      : 20px;
  margin-right     : 10px;
}
.pagenav {
  border           : 1px solid #999999;
  float            : left;
  font-size        : 10px;
  line-height      : 20px;
  margin           : 1px;
  padding          : 0px 10px;
  text-align       : center;
  width            : auto;
}
.contenttoc {
  width            : 150px;
  background-color : #ffffff;
  margin           : 0px 0px 10px 10px;
}
.contenttoc th {
  padding          : 3px 5px;
  background       : #000000;
  font-size        : 12px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #ffffff;
}
.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### */
.modifydate, .createdate, .small {
  color            : #666666;
  font-size        : 10px;
  padding          : 0px;
  line-height      : 12px;
}

/* ##################### VOTING SETTINGS ###################### */
.content_rating {
  font-size        : 10px;
  color            : #000000;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #ffffff;
}

/* ##################### Suche ###################### */
.search {
  background-color : #d0ecf9;
}
.inputbox {
  margin-left      : 10px;
  font-size        : 11px;
  line-hight       : 16px;
  height           : 16px;
  border           : 1px solid #d0ecf9;
}
.button {
  margin-left      : 15px;
}

/* ################### CONTENT PAGE SETTINGS ################## */
.contentpane {
  padding          : 0px;
}
.contentpaneopen {
  padding          : 0px;
  text-align       : justify;
}
.contentheading, .componentheading {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 18px;
  line-height      : 24px;
  letter-spacing   : 1px;;
  font-weight      : bold;
  color            : #000000;
  margin-bottom    : 10px;
}
.contentpagetitle {
  font-weight      : bold;
  color            : #000;
}
a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

/* ###################### BUTTON SETTINGS #####################  */
a.readon:link, a.readon:visited, .back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 3px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover, .back_button a:hover {
  color            : #003373;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #003373;
  padding          : 3px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  padding          : 0px;
  white-space      : nowrap;
  float            : right;
  text-decoration  : none;
  border           : none;
}

/* ################# QUICKNAV MENU SYSTEM ################# */
ul#mainlevel-nav {
  padding          : 0;
  margin           : 0;
  list-style       : none;
}
ul#mainlevel-nav li {
  display          : block;
  margin           : 0;
  float            : right;
  font-size        : 11px;
  font-weight      : bold;
  line-height      : 20px;
  white-space      : nowrap;
}
ul#mainlevel-nav li a {
  display          : block;
  padding-left     : 20px;
  padding-right    : 0px;
  text-decoration  : none;
  color            : #000000;
  border           : none;
}
ul#mainlevel-nav li a:hover {
  text-decoration  : none;
  color            : #ffffff;
  border           : none;
}
