/* Farbe der Scrollbalken festlegen (nur für den MS Internet Explorer wirksam) */
body
{
	scrollbar-face-color: #FFB854;
	scrollbar-arrow-color: #FFF;
}

/***********************************************************************
 * Einstellungen für Top- und Footerbalken
 ***********************************************************************/
/* Oberster Balken am Seitenkopf */
.topBar
{
	background: url(kundenportale/wito/topBar.gif);
  background-repeat: no-repeat;
}

/* Footer */
.main_div_footer
{
  background: url(kundenportale/wito/footer.gif);
  background-repeat: no-repeat;
}

/***********************************************************************
 * Einstellungen für die Haupt- und Nebenfarben
 ***********************************************************************/

/* Hauptfarbe (Kategorieleiste oberer Teil, Warenkorb oberer Teil und Warenkorb-Umrandung) */
.primary_color
{
  background:#FFB854;
}

/* Text in der Hauptfarbe */
.primary_color_font
{
  color:#FF7B10;
}

/* Nebenfarbe (Kategorieleiste unterer Teil, Warenkorb mittlerer Teil) */
.secondary_color
{
  background:#F8DB4D;
}

/***********************************************************************
 * Einstellungen für die allgemeinen Links
 ***********************************************************************/

/* Standardlinks */
a
{
  color:#000;
}

a:hover
{
  color:#FF7B10;
}

/* Links in der Hauptfarbe (mehr davon, tickets, Preisinformationen) */
a.primary_color_link
{
  color:#FF7B10;
}

a.primary_color_link:hover
{
  color:#000;
}

/* Warenkorbsymbol oben rechts */
a.topWarenkorbLink:hover, .topWarenkorbLinkActive
{
	background:url(kundenportale/wito/warenkorb_hover.gif);
	background-repeat:no-repeat;
	background-position: center right;
}

/* Links im Footer */
a.footerLink{
  color:#000;
}

a.footerLink:hover{
  color:#fff;
}

/***********************************************************************
 * Einstellungen für den Headerbereich
 ***********************************************************************/

/* Logo - Abstand zum oberen Topbalken*/
.logoCell
{
  padding-top:3px;
}

/* Tabellenspalte zwischen Logo und dem Menü rechts oben, muss auf width:1px; belassen werden*/
.topSubMenuLeftSpace
{
  width:1px;
}

/***********************************************************************
 * Einstellungen für die Boxen und Tabellen
 ***********************************************************************/

/* Sämtliche Boxen-Header */
.contentHeader
{
  background:#FFB854;
}

/* Hintergrundfarbe der Boxen mit den Veranstaltungsinformationen */
.VAInfoBox_bgColor
{
  background-color:#FCF1B8;
}

/* Hintergrundfarbe der Standard-Boxen (Eingabe Kundendaten, Bestellungzusammenfassung,...) */
.standardBox_bgColor
{
  background-color:#FFF;
}

/* Hintergrundfarbe der Boxen "Bestplace-Buchung" und "Sitzplatzgenaue Buchung" */
.bestellung_tile_box_main
{
  background-color:#FFF;
}

/* Hintergrundfarbe der umschließenden Box im Popup-Fenster von "Preisinformationen"
 * und "Kostenübersicht"
 */
.VDetails_InfoBox_popup
{
  background-color:#FCF1B8;
}

/* alternierende Tabellenzeilen */
.tableCell_even, .tableCell_0{
  background-color:#FFF;
}

.tableCell_odd, .tableCell_1{
  background-color:#FCF1B8;
}

/* Einstellungen für den Tooltip (u.a. zu finden auf der Hauptseite zur Anzeige des Veranstaltungsortes) */
.tooltip_titel {
	background-color:#FFB854;
	color:#000;
}

.tooltip_inhalt {
  background-color:#FCF1B8;
}

/***********************************************************************
 * Einstellungen für die Kategorieleiste
 * Die Hintergrundfarben der Kategorieleiste werden über die CSS-Klassen
 * .primary_color und .secondary_color definiert.
 ***********************************************************************/

.Kat_Ebene1_border
{
  border-top: 1px solid #FFB854;
}

.Kat_Ebene2_border
{
  border-bottom: none;
}

/* Links Ebene 1 */
.Kat_Ebene1 a
{
	color:#000;
}

.Kat_Ebene1 a:hover, .Kat_Ebene1_selektiert
{
	color:#FFF;
}

/* Links Ebene 2 */
.Kat_Ebene2 a
{
	color:#000;
}

.Kat_Ebene2 a:hover, .Kat_Ebene2_selektiert
{
	color:#FFF;
}

/***********************************************************************
 * Einstellungen für diverse Linien und Begrenzungen
 ***********************************************************************/

/* Sämtliche Boxen- und Tabellenrahmen */
.main_border
{
  border: 1px solid #FFB854;
}

/* Begrenzungslinie oben */
.border_top
{
  border-top: 1px solid #FFB854;
}

/* Begrenzungslinie unten */
.border_bottom
{
  border-bottom: 1px solid #FFB854;
}

/* Begrenzungslinie links
 * Wird nur für die linke Begrenzungslinie der Umrandung des gesamten Portals verwendet
 */
.border_left
{
  border-left: 1px solid #FFB854;
}

/* allgemeine Strukturierungslinie Verwendung z.B. bei den Kundendaten-Einstellungen */
.h_ruler
{
  border-top: 1px solid #FFB854;
}

/* Trennlinie über den Buttons während des Bestellvorgangs */
.pt_ruler
{
  border-top: 1px solid #FFB854;
}

/***********************************************************************
 * Einstellungen für den Warenkorb
 * Die Header- und Hintergrundfarben werden über die CSS-Klassen
 * .primary_color und .secondary_color definiert.
 ************************************************************************/

 /* Farbe Headertext */
 .dt_table_header_text
{
  color:#000;
}

/* Hintergrundfarbe der einzelnen Zeilen */
.dt_row
{
	background-color: #FFF;
}

/* Farbe der Zeilen beim Herüberfahren/Klicken mit der Maus */
.dt_row_hover, .dt_row_clicked
{
	background-color: #FCF1B8;
}

/* Schriftfarbe im ProcessTrain*/
.pt_text_after
{
  color:#000;
}

/***********************************************************************
 * Einstellungen für sämtliche Buttons innerhalb des Portals
 ***********************************************************************/

/* Sämtliche Buttons auf default-Zustand setzen (systemabhängige Farben)
 * naviButton = allgemeiner Navigationsbutton (zur Übersicht, zum Warenkorb,...)
 * pt_button = ProcessTrain Button, d.h. Buttons für den Bestellvorgang (Weiter,
 * Abbrechen, ...)
 * dt_action_button = Löschen-Button oben im Warenkorb
 * bestellung_box_button = Rabatt-Button oben in der Box für den Ticketkauf
 */
.naviButton, .naviButtonHover, .naviButtonDisabled,
.naviButtonActive, .naviButtonReleased,
.pt_button, .pt_buttonHover,
.pt_buttonActive, .pt_buttonReleased,
.dt_action_button, .dt_action_buttonHover,
.dt_action_buttonActive, .dt_action_buttonReleased,
.bestellung_box_button, .bestellung_box_buttonHover,
.bestellung_box_buttonActive, .bestellung_box_buttonReleased
{
	background:ButtonFace;
  border: 2px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	color:ButtonText;
	font-weight:normal;
}

.naviButtonActive, pt_buttonActive,
.dt_action_buttonActive, .bestellung_box_buttonActive{
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/***********************************************************************
 * Einstellungen für die Widgets
 * Die Boxen links und rechts wie "Suche", "Die Top 10"
 ***********************************************************************/

.box_header
{
  border-top:2px solid #FFB854;
  background: #FFB854;
}

.box_border_top_left
{
  background-image: url(kundenportale/wito/top_left_corner.gif);
  background-repeat: no-repeat;
}

.box_border_top_right
{
  background-image: url(kundenportale/wito/top_right_corner.gif);
  background-repeat: no-repeat;
}

.box_border_bottom_left
{
  background-image: url(kundenportale/wito/bottom_left_corner.gif);
  background-repeat: no-repeat;
}

.box_border_bottom_right
{
  background-image: url(kundenportale/wito/bottom_right_corner.gif);
  background-repeat: no-repeat;
}

.box_border_bottom
{
  border-bottom: 2px solid #FFB854;
}

.box_border_left, .box_border_right
{
  background-image: url(kundenportale/wito/2px_border.gif);
  background-repeat: repeat-y;
}
.VUebersicht_OrtImage {
display:none;
}