/* $Id: example.css, v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.  But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
  display: none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
  margin-top: 1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list  li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav {
  border-bottom: 1px solid #274F7D;
  font: bold 11px Verdana, sans-serif;
  margin: 0;
  padding: 0px 0;
  height: 19px;
}
/*  ========== tab ============ */
ul.tabbernav li {
  list-style: none;
  margin: 0 10px 0 0;
  display: inline;
  float: left;
  height: 20px;
  text-align: center
}
ul.tabbernav li a {
  background: url("img/down.gif") no-repeat scroll left bottom transparent;
  line-height: 19px;
  margin: 0px 0px 0 0;
  padding: 0 0 0 0px;
  text-decoration: none;
  display: block;
  width: 87px
}
ul.tabbernav li a#tabsnav1 {
  background: url("img/beschr.gif") no-repeat scroll left bottom transparent;
  width: 105px
}
ul.tabbernav li a#tabsnav2 {
  background: url("img/tech.gif") no-repeat scroll left bottom transparent;
  width: 140px
}
ul.tabbernav li a:link {
  color: #448;
}
ul.tabbernav li a:visited {
  color: #667;
}
ul.tabbernav li a:hover {
  color: #fff;
  background-position: left top;
}
ul.tabbernav li a#tabsnav1:hover {
  background: url("img/beschr.gif") no-repeat scroll left top;
}
ul.tabbernav li a#tabsnav2:hover {
  background: url("img/tech.gif") no-repeat scroll left top;
}
/*  ========== aktiver tab ============= */
ul.tabbernav li.tabberactive a {
  background: url("img/down-aktiv.gif") no-repeat scroll left bottom transparent;
  border-bottom: 1px solid #FFFFFF;
}
ul.tabbernav li.tabberactive a#tabsnav1 {
  background: url("img/beschr-aktiv.gif") no-repeat scroll left bottom transparent;
}
ul.tabbernav li.tabberactive a#tabsnav2 {
  background: url("img/tech-aktiv.gif") no-repeat scroll left bottom transparent;
}
ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: url("img/down-aktiv.gif") no-repeat scroll left top;
  border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a#tabsnav1:hover {
  background: url("img/beschr-aktiv.gif") no-repeat scroll left top transparent;
}
ul.tabbernav li.tabberactive a#tabsnav2:hover {
  background: url("img/tech-aktiv.gif") no-repeat scroll left top transparent;
}
/*--------------------------------------------------  
.tabbertab = the tab content  Add style only after the tabber interface is set up (.tabberlive)  
--------------------------------------------------*/
.tabberlive .tabbertab {
  padding: 15px 10px;
  border-bottom: 1px solid #274F7D;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display: none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
  height: 200px;
  overflow: auto;
}