/******************************************************************
//
// Dateiname:     antZILLA.rolltool.css
// Copyright (C): aXL keschner / aXL-online.com 2006-2008
// Version:       2008-11-24
//
// Definiert die Styles fuer Seitenbereiche, die gerollt werden sollen,
// und die dazugehoerenden Rollbalken, Buttons etc.
//
******************************************************************/


.rollitem
{
  Z-INDEX: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
/*
Die wirkliche WIDTH und HEIGHT werden von "rollinit.js" berechnet.
*/
  margin: 0px;
  border: 0px;
  padding: 0px;
/*
  overflow: auto;
  FLOAT: left;
*/
}


div.rolltool_x
{
  Z-INDEX: 10;
  position: absolute;
  bottom: 2px;
  height: 8px;
  border: 0px;
  VISIBILITY: hidden;
/*
Wird nur sichtbar gemacht, wenn das RollItem nicht in seine RollBox passt.
TOP und HEIGHT werden von "rollinit.js" von der RollBox uebernommen.
*/
/*
  background-color: #2f3986;
  font-size: 80%;
*/
}
div.rollspur_x
{
  Z-INDEX: 20;
  position: absolute;
  left: 9px;
  top: 0px;
  height: 100%;
  border: 0px;
  background-color: #606060;
/*
TOP = rollauf.height + 1px;
HEIGHT wird von "rollinit.js" aus RollBox.height und RollSpur.top berechnet!
  overflow: hidden;
  background-color: #404040;
*/
}
div.rollregler_x
{
  Z-INDEX: 30;
  position: absolute;
  left: 0px;
  top: 0px;  /* Ist nur die Startposition beim Laden der Seite. */
  height: 100%;
  width: auto;
  border: 0px;
  background-color: #c0c0c0;
}
div.rollknopf_li
{
  Z-INDEX: 20;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 8px;
  height: 8px;
  background-color: #c0c0c0;
  overflow: hidden;
/*
//  width: 6px;
//  height: 6px;
  border: 1px solid #c0c0c0;
  BACKGROUND-COLOR: #808080;
*/
}
div.rollknopf_re
{
  Z-INDEX: 20;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 8px;
  height: 8px;
  background-color: #c0c0c0;
  overflow: hidden;
/*
*/
}


div.rolltool_y
{
  Z-INDEX: 10;
  position: absolute;
  right: 2px;
  width: 8px;
  border: 0px;
  VISIBILITY: hidden;
/*
Wird nur sichtbar gemacht, wenn das RollItem nicht in seine RollBox passt.
TOP und HEIGHT werden von "rollinit.js" von der RollBox uebernommen.
*/
/*
  background-color: #2f3986;
  font-size: 80%;
*/
}
div.rollspur_y
{
  Z-INDEX: 20;
  position: absolute;
  left: 0px;
  top: 9px;
  width: 100%;
  border: 0px;
  background-color: #606060;
/*
TOP = rollauf.height + 1px;
HEIGHT wird von "rollinit.js" aus RollBox.height und RollSpur.top berechnet!
  overflow: hidden;
  background-color: #404040;
*/
}
div.rollregler_y
{
  Z-INDEX: 30;
  position: absolute;
  left: 0px;
  top: 0px;  /* Ist nur die Startposition beim Laden der Seite. */
  width: 100%;
  height: auto;
  border: 0px;
  background-color: #c0c0c0;
}
div.rollknopf_auf
{
  Z-INDEX: 20;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 8px;
  height: 8px;
  background-color: #c0c0c0;
  overflow: hidden;
/*
//  width: 6px;
//  height: 6px;
  border: 1px solid #c0c0c0;
  BACKGROUND-COLOR: #808080;
*/
}
div.rollknopf_ab
{
  Z-INDEX: 20;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 8px;
  height: 8px;
  background-color: #c0c0c0;
  overflow: hidden;
/*
*/
}


div.rollknopf_auf img,
div.rollknopf_ab img,
div.rollknopf_li img,
div.rollknopf_re img
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 8px;
  height: 8px;
  border: 0px;
/*
*/
}
/*
div.rollknopf_auf span,
div.rollknopf_ab span,
div.rollknopf_li span,
div.rollknopf_re span
{
  position: absolute;
  color: #404040;
}
div.rollknopf_auf span
{
  left: -0.2em;
  top: -0.4em;
}
div.rollknopf_ab span
{
  left: -0.2em;
  top: -0.4em;
}
div.rollknopf_li span
{
  left: -0.2em;
  top: -0.4em;
}
div.rollknopf_re span
{
  left: 0.3em;
  top: -0.5em;
}
*/