/**
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */

/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border-spacing: 0;
}

/* Farben und Hintergrund setzen */
body {
  background-color: #e09659;
}

/* Schriftgröße kontrollieren */
body, td, th {
  color: black;
  font: normal 11pt Arial, sans-serif;
}
td, th {
  font-size: 100%;
}

table {
  border-collapse: collapse;
}

/* Links und Anker */
a:link {
  color: #883607;
  font-weight: bold;
  background-color: transparent;
}
a:visited,
a:active {
  color: #e75b0e;
  font-weight: normal;
  background-color: transparent;
}
a:hover,
a:focus {
  color: white;
  background-color: #883607;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}
/* keine Farben */
.link_nomark:hover,
.link_nomark:link,
.link_nomark:visited,
.link_nomark:focus,
.link_nomark:active {
  color: transparent;
  background-color: transparent;
}

/* Überschriften */
h1{
  color: #c11d11;
  font-size: 2em;
  margin: 0 0 1em 0;
  background-color: transparent;
  text-align: center;
}
h2{
  color: black;
  font-size: 1.3em;  
  font-weight: bold;
  font-style: italic;
  margin-top: 2em;
  margin-bottom: 1.3em;
}

/* Absätze */
p {
  margin: 1.2em 0;
  text-align: justify;
}

/* Bilder */
img {
  vertical-align: bottom;
}

/* Listen */
dt {
  font-weight: bold;
}
dd {
  margin: .5em 0 1em 3em;
}
ul {
  margin-left: 2em;
}



/* HOEHE AUF 100% */
/******************/
html, body, #container {
min-height: 100%; /* Not supported by IE 5/6, but required for Firefox/Opera */
width: 100%;
height: 100%;
}
/***************************************************************************
* The "height" above is a hack for IE5+/Win. Below it's adjusted using
* the child selector to hide from IE5+/Win.
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54
* cover everything with the footer when the viewport gets too small.
***************************************************************************/
html>bo dy, html>body #container {
  height: auto;
}
#container {
  position: absolute;
  top: 0;
  left: 0;
}
#main {
  margin-bottom: 55px;
  height: auto;
}
#header {
  width: 100%;
  height: 19  0px;
}
#tab {
  width: 100%;
  overflow: auto;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55px;
}



/* KOPF */
/********/
#tab_top {
  width: 100%;
  background-image: url(main/banner_back_end.jpg);
  background-repeat: repeat-x;
}
#tab_top_td1 {
  height: 136px;
  background-image: url(main/banner_back.jpg);
  background-repeat: repeat-x;
}
#tab_top_td2   {
  height: 50px;
  padding-top: 1.5%;
  background-image: url(main/banner_buttons.jpg);
  background-repeat: repeat-x;
}
#tab_top_nav {
}


/* NAVIGATION */
/**************/
.td_nav {
  width: 100px;
}

.nav_but_home_normal,  .nav_but_home_active,
.nav_but_hist_normal,  .nav_but_hist_active,
.nav_but_perf_normal,  .nav_but_perf_active,
.nav_but_ref_normal,   .nav_but_ref_active,
.nav_but_cont_normal,  .nav_but_cont_active,
.nav_but_link_normal,  .nav_but_link_active,
.nav_but_imp_normal,   .nav_but_imp_active
{
  height: 50px;
  display: block;
}

.nav_but_home_normal,  .nav_but_home_active
{ background-image: url(buttons/home.jpg); }
.nav_but_hist_normal,  .nav_but_hist_active
{ background-image: url(buttons/history.jpg); }
.nav_but_perf_normal,  .nav_but_perf_active
{ background-image: url(buttons/perform.jpg); }
.nav_but_ref_normal,   .nav_but_ref_active
{ background-image: url(buttons/reference.jpg); }
.nav_but_cont_normal,  .nav_but_cont_active
{ background-image: url(buttons/contact.jpg); }
.nav_but_link_normal,  .nav_but_link_active
{ background-image: url(buttons/links.jpg); }
.nav_but_imp_normal,   .nav_but_imp_active
{ background-image: url(buttons/impressum.jpg); }

.nav_but_home_normal:hover,
.nav_but_hist_normal:hover,
.nav_but_perf_normal:hover,
.nav_but_ref_normal:hover,
.nav_but_cont_normal:hover,
.nav_but_link_normal:hover,
.nav_but_imp_normal:hover
{
  background-position: 0 -50px;
}

.nav_but_home_active,
.nav_but_hist_active,
.nav_but_perf_active,
.nav_but_ref_active,
.nav_but_cont_active,
.nav_but_link_active,
.nav_but_imp_active
{
  background-position: 0 -100px;
}


.nav_but_filler {
  background-image: url(main/banner_buttons.jpg);
  background-repeat: repeat-x;
}



/* CONTENT */
/***********/
#tab_main {
  margin: 1em 1em 1em 1em;
  color: white;
  width: 90%;
}




/* FUSS */
/********/
#footer_td {
  padding-top: 7%;
  padding-left: 3px;
  padding-right: 3px;
  
  color: white;
  font-weight: bold;
  font-size: 10pt;
  
  background-image: url(main/footer_back.jpg);
  background-repeat: repeat-x;
}

/** Sub-Navigation
---------------------------------------------------------*/
#sub_nav  {
  text-align: center;
}
#sub_nav table {
  margin-bottom: 1em;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}
#sub_nav td {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  
  width: 140px;
  height: 35px;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background-image: url(main/sub_nav_back.jpg);
  background-color: #d51625;
  background-repeat: repeat-x;
}
#sub_nav a {
  text-decoration: none;
  color: white;
}
#sub_nav strong {
  color: black;
}
#sub_nav a:hover {
  color: yellow;
  background-color: transparent;
}
#sub_nav a:visited {
  font-weight: bold;
}


#tab_pics td{
  padding: 2em 2em 2em 2em;
}



#tab_performance table {
  border-collapse: separate;
  border-spacing: 1px;
}
#tab_performance td,
#tab_performance th
{
  border: 1px solid black;
  padding: 0.8em 0.8em 0.8em 0.8em;
}
#tab_performance th {
  color: white;
  font-weight: bold;
  background-color: #8e3809;
}
.cl_td_perf {
  font-weight: bold;
}