/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*
2013-04-25 changed by Wolfgang Zenk-Möltgen
matching for GESIS styleguide
tabber.css formats all paging tabs of class tabbertab, tabbertab2, tabbertab3
tabbermenu.css formats all menu tabs of class tabbermenutab

2014-01-03 sections #contentRSS deleted
2016-06-16 updated to new GESIS styleguide


*/

/*-------------TABBER.CSS---------------------------*/

/*--------------------------------------------------
  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 {
//	padding:10px 0 10px 0;
}
.tabberlive {
 /* margin:1em; */
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  new 
  ul.tabbernav li.tabbernavhide = hidden tab navigation for paging
  --------------------------------------------------*/
ul.tabbernav
{
  	margin-top:10px;
	margin-bottom:5px;
	margin-left: 0;
	margin-right:0;
	padding:0;

	overflow:auto; /*scrollbar, when items don't fit width */
}

ul.tabbernav li
{
	margin:2px;
	
	padding: 1px 0px 1px 0px; /*prevent scrollbar */
	list-style-type:none;
	display:inline;

}

ul.tabbernav li.tabbernavhide
{
	margin:2px;
	padding:0;
	list-style-type:none;
	display:none;

}


ul.tabbernav li a
{
	background-color: #f1f1f1; /*org1  #cdd5dd; /*org #D9D9D9;*/	
	padding: 3px; /*prevent scrollbar */
	text-decoration: none;
	border:none;
	color: #44596E;/*org */
}

ul.tabbernav li:hover
{
  border-bottom:none;
  /* Gradient tab hover blue */
  /* #cdd5dd; /*org  #58748f*/
  background: #cdd5dd; /* old browsers */
  background: -moz-linear-gradient(top, #cdd5dd 0%, #cdd5dd 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd5dd), color-stop(100%,#cdd5dd)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd5dd', endColorstr='#cdd5dd',GradientType=0 ); /* ie */
  /*org color:#fff; */
}

ul.tabbernav li a:hover
{
  border-bottom:none;
  /* Gradient tab hover blue */
  /* #cdd5dd; /*org  #58748f*/
  background: #cdd5dd; /* old browsers */
  background: -moz-linear-gradient(top, #cdd5dd 0%, #cdd5dd 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd5dd), color-stop(100%,#cdd5dd)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd5dd', endColorstr='#cdd5dd',GradientType=0 ); /* ie */
  /*org color:#fff; */
}

ul.tabbernav li.tabberactive
{
    background: #58748f;/*org  #666;*/
}


ul.tabbernav li.tabberactive a
{
	color: #fff;
	/* Gradient submenu active */
	/*org  #ff6100;*/
    background: #58748f; /* old browsers */
	background: -moz-linear-gradient(top, #58748f 0%, #58748f 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58748f), color-stop(100%, #58748f)); /* webkit */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58748f', endColorstr='#58748f', GradientType=0 ); /* ie */
 

}

ul.tabbernav li.tabberactive a:hover
{
 /* color: #000; */
 /* background: white; */
 /* border-bottom: 1px solid white; */
	color: #fff;
	/* padding: 6px 12px 5px 12px */
	/* Gradient submenu hover blue */
	background: #58748f; /* old browsers */
	background: -moz-linear-gradient(top, #58748f 0%, #58748f 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58748f), color-stop(100%, #58748f)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58748f', endColorstr='#58748f', GradientType=0 ); /* ie */
 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/

.tabberlive .tabbertab .myul {	

}
.tabberlive .tabbertab .myul li {	

}


.tabberlive .tabbertab td
{

}  

.tabberlive .tabbertab table.versiontable th {
	text-align: left;
}  
.tabberlive .tabbertab table.versiontable {
	table-layout:fixed; 
}  
.tabberlive .tabbertab table.versiontable td {
	overflow: hidden;
}  



  
.tabberlive .tabbertab {

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
	 border:1px solid #d9d9d9;
	padding:7px;
		
 /* 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; */
}
.tabberlive .tabbertab h4 {
 /* display:none; */
}
/*
.tabberlive .tabbertab 2{
	 border:1px solid #d9d9d9;
	padding:2px;
}
.tabberlive .tabbertab 3{
	 border:1px solid #d9d9d9;
	padding:2px;
}
*/



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

/*-------------TABBERMENU.CSS---------------------------*/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabbermenulive .tabbertabmenuhide {
 display:none;
}

/*--------------------------------------------------
  .tabbermenu = before the tabbermenu interface is set up
  .tabbermenulive = after the tabbermenu interface is set up
  --------------------------------------------------*/
.tabbermenu {
}
.tabbermenulive {
 /* margin:1em; */
}

/*--------------------------------------------------
  ul.tabbermenunav = the tab navigation list
  li.tabbermenuactive = the active tab
  --------------------------------------------------*/
ul.tabbermenunav
{
  overflow:auto; //kein Umbruch;
  background:none repeat scroll 0 0  #f1f1f1; /*org1  #cdd5dd; /*org #D9D9D9;*/
  margin:0;
  padding:0;
  height: auto; //28px;
  width: auto;
  list-style:none;

}

ul.tabbermenunav li
{
  border-left:1px solid #ededed;
  /*org order-right:1px solid #999; */
  list-style-type: none;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;

}


ul.tabbermenunav li a
{
	font-weight:bold;
  border-bottom:none;
  display: block;
  float: left;
   color: #44596E;/*org */
  font-family: arial;
  padding: 0 12px 0 12px;
  text-decoration: none;
  height:27px;
  line-height:27px;
 
}

ul.tabbermenunav li:hover
{
  border-bottom:none;
  /* Gradient tab hover blue */
   /* #cdd5dd; /*org  #58748f*/
  background: #cdd5dd; /* old browsers */
  background: -moz-linear-gradient(top, #cdd5dd 0%, #cdd5dd 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd5dd), color-stop(100%,#cdd5dd)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd5dd', endColorstr='#cdd5dd',GradientType=0 ); /* ie */
  /*org color:#fff; */
}

ul.tabbermenunav li a:hover
{
  border-bottom:none;
  /* Gradient tab hover blue */
  /* #cdd5dd; /*org  #58748f*/
  background: #cdd5dd; /* old browsers */
  background: -moz-linear-gradient(top, #cdd5dd 0%, #cdd5dd 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdd5dd), color-stop(100%,#cdd5dd)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd5dd', endColorstr='#cdd5dd',GradientType=0 ); /* ie */
  /*org color:#fff; */
}

ul.tabbermenunav li.tabbermenuactive
{
    background: #58748f;/*org  #666;*/
}


ul.tabbermenunav li.tabbermenuactive a
{ /*org  #ff6100;*/
  background: #58748f; /* old browsers */
  background: -moz-linear-gradient(top, #58748f 0%, #58748f 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58748f), color-stop(100%,#58748f)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58748f', endColorstr='#58748f',GradientType=0 ); /* ie */
  color: #fff;
  /* border-bottom:1px solid #ff6100; *nicht mehr, damit Tab in 2. zeile nicht eingerückt wird! */
 

}

ul.tabbermenunav li.tabbermenuactive a:hover
{
 /* color: #000; */
 /* background: white; */
 /* border-bottom: 1px solid white; */
 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabbermenu interface is set up (.tabbermenulive)
  --------------------------------------------------*/

.tabbermenulive .tabbertab .myul {	

}
.tabbermenulive .tabbertab .myul li {	

}


.tabbermenulive .tabbertab td
{

}  



.tabbermenulive .tabbertab table.versiontable th {
	text-align: left;
}  
.tabbermenulive .tabbertab table.versiontable {
	table-layout:fixed; 
}  
.tabbermenulive .tabbertab table.versiontable td {
	/* white-space: pre-line; */
	overflow: hidden;
}  



  
.tabbermenulive .tabbertab {

 /* 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; */
	/*org border:1px solid #d9d9d9; */
	padding:7px;
	
	background:none repeat scroll 0 0 #ffffff; /*org #EDEDED; */
}
 
.tabbermenulive .tabbertab2{
	/*org border:1px solid #d9d9d9; */
	padding:2px;
	background:none repeat scroll 0 0 #ffffff; /*org #EDEDED; */
}
.tabbermenulive .tabbertab3{
	/*org border:1px solid #d9d9d9; */
	padding:2px;
	background:none repeat scroll 0 0 #ffffff; /*org #EDEDED; */
}


/* If desired, hide the heading since a heading is provided by the tab */
.tabbermenulive .tabbertab h2 {
 /* display:none; */
}
.tabbermenulive .tabbertab h3 {
 /* display:none; */
}
.tabbermenulive .tabbertab h4 {
 /* display:none; */
}



/* Example of using an ID to set different styles for the tabs on the page */
.tabbermenulive#tab1 {
}
.tabbermenulive#tab2 {
}
.tabbermenulive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}