/* $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;
 	z-index:0;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 padding-top:0px;
 margin:0px auto 0px auto;
/* background-color:white; */
 top:0px;
/* width:990px; */
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0px auto 0px auto; /* remove margins and centre page */
 padding: 5px 0px 5px 0px;  /* no paddng on left or right */
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size: 9pt; 
 font-style: italic;
 position:fixed;
 height:14px; /* changed to 14px */
 width:850px; /* same as banner background image */
 top:0;
 z-index: 6; /* added to make sure tabs appear over banner changed from 8 to 6*/
 background-color: white; /* background color of all tabs */
}

ul.tabbernav li
{
 list-style: none;
/* margin: 2px 0px; */
 display: inline;
 position:static;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
/* margin-left: 0px; */
 border: 1px solid #778;
 background: #D2D2D2;   /* background colour of non-active tabs */
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #FFFFFF;  /* colours of non-active tab while hovering */
 background: #95B3D7;
 border-color: #95B3D7;
}

ul.tabbernav li.tabberactive a
{
 color: #FFFFFF; /* colours of currently active tab */
 background-color: #365F91;   
 border-bottom: 1px solid #365F91;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #FFFFFF;   /* colours of active tab while hovering */
 background: #365F91;
 border-bottom: 1px solid #365F91;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px;
 margin:0px; 
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab
.tabberlive .tabbertab h2 {
 display:none;
}, 
.tabberlive .tabbertab h3 {
 display:none;
}
*/
/* Example of using an ID to set different styles for the tabs on the page */
#zimotab {
/* Centre ZIMO tab */
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;

}
/*, #MOBAZI , #RailManager*/
#STP, #Huebsch, #ESTWGJ, #SoundDesign, #ZCS, #CAN, #ZIMO_GURU_FAQ {
/* These tabs are left justified */
 /*position:absolute;
 left:0px;
  overflow:hidden; 
 margin-top:23px;
 width:100%;
 background-color:white;
height: 100%*/
    display: none /* auskommentiert seit links nach extern */
}
.tabbertab iframe {
    height:500%
}
#STP iframe, 
#MOBAZIFrame {
 background-color:white;
}
/* Special style for gap between ZIMO Home and next tab */
ul.tabbernav li:nth-child(1) a {
    margin-right:4px;
}
/* Special style for Partner Text */
ul.tabbernav li:nth-child(9) a { /*li:nth-child(7)changed from 9 to 7*/
	display:inline; /* was inline-block */
	border:0px none;
	width:382px; /* Set this so the width of "Links to Partner Websites" reaches end of banner using MeasureIt */
	height:16px; /* changed from 11px */
	line-height:15px;  /* added */
	padding:0px 0px 0px 4px;
	background-color:white;
	text-decoration:none;
	cursor:default;
	font-size:100%; 
	font-weight:600;
	line-height:0; 
	color:cadetblue;
}
ul.tabbernav li:nth-child(8) a:link { color: #448; } /*li:nth-child(7)changed from 9 to 7*/
ul.tabbernav li:nth-child(8) a:visited { color: #448; } /*li:nth-child(7)changed from 9 to 7*/
ul.tabbernav li:nth-child(8) a:hover { color: #448; } /*li:nth-child(7)changed from 9 to 7*/
ul.tabbernav li:nth-child(8) a:active { color: #448; } /*li:nth-child(7)changed from 9 to 7*/