/***************************
*  Default styles for the
*        EXT rgtabs
* by Ringer Georg (just2b)
***************************/  

/* wraps the hole tab */
.rgtabs-wrapper {
  padding:1em 1.5em;
  border: 1px solid #ccc;
  background:#fff url(../images/topbg.gif) repeat-x;
  overflow:hidden;
  clear:both;
}

/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
  background:	url(../images/spinner2.gif) no-repeat center;
}

/* Tab-Menu ul */

.rgtabs-menu  {
  margin: 0;
  padding: 0 0 0 6px;
  width: auto;
  list-style:none;
}

/* Tab-Menu li */
.rgtabs-menu  li, #left .rgtabs-menu  li {
  list-style-type: none;
  list-style:none;
  background: url(../images/tab-on-l.gif) top left no-repeat;
  float: left;
  margin: 0 5px 0 0 !important;
  padding: 0 0 0 14px !important;
  cursor: pointer;
}	

/* Tab-Menu li.a */
.rgtabs-menu  li a, #left .rgtabs-menu  li a {
  background: url(../images/tab-on-r.gif) top right no-repeat;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  color: #545454;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 12px 0 0;
  text-decoration: none;
  outline:0;
}

/* Selected Tab */
#left .rgtabs-menu  li.rgtabs-selected, .rgtabs-menu  li.rgtabs-selected {
    background: url(../images/tab-off-l.gif) top left no-repeat;
}	

#left .rgtabs-menu  li.rgtabs-selected a, .rgtabs-menu  li.rgtabs-selected a {
  background: url(../images/tab-off-r.gif) top right no-repeat;
  color: #333;
}

/*-------- Top 3 ARTIKEL VIDEOS -------------------------*/

/* beim Laden von rgtabs das Konstrukt erst mal verstecken */
div#wrapper_marginal div.tx-rgtabs-pi1 {
	visibility:hidden; 
}

/* 
erst NACH Laden der Seite anzeigen mit Typoscript:
page {
  21 = TEXT
  21.value = <script type="text/javascript" src="fileadmin/templates/javascript/rgtabs-show.js"></script>
}
*/

div#wrapper_marginal .rgtabs-wrapper {
	background-image: none;
	background-color: #FFFFFF;
	color: #AC1E1D;
	border: none;
	padding: 0.63em;
	margin: 0em 0em 0.63em 0em;
}

div#wrapper_marginal .rgtabs-menu {
	height: 20px;
	background: transparent url(../images/top3-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper_marginal .rgtabs-menu li, 
div#wrapper_marginal #left .rgtabs-menu li {
	float: right;
	height: 20px;
	background-image: url(../images/tab-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0;
	margin: 0 0px 0 2px !important;
}

div#wrapper_marginal .rgtabs-menu li.rgtabs-selected, 
div#wrapper_marginal #left .rgtabs-menu li.rgtabs-selected {
	background-image: url(../images/tab-selected-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#wrapper_marginal .rgtabs-menu li a,
div#wrapper_marginal #left .rgtabs-menu li a {
	display: block;
	background: none;
	height: 20px;
	line-height: 18px;
	font-size: 0.9em;
	color: #FDD687;
	font-family: verdana;
	font-weight: bold;
	padding: 0 14px 0.2em 0;
}

div#wrapper_marginal .rgtabs-menu li.rgtabs-selected a, 
div#wrapper_marginal #left .rgtabs-menu li.rgtabs-selected a {
	color: #000000;
}

div#wrapper_marginal .rgtabs-container h1 {
	font-size: 0.69em;
	margin: 0em 0em 1.4em 0em;
	line-height: 1.2em;
	/* Trick f. Einzug der 2.Zeile 1.323em*/
	text-indent: -1.131em; 
	margin-left: 1.131em;
}

div#wrapper_marginal .rgtabs-container p,
div#wrapper_marginal .rgtabs-container li {
	font-size: 0.63em;
}