/*
 * CSS-Vorlage "AdvancedSample.css" zur CSS-Formatierung eines Kundenportals.
 *
 * Bei dieser Vorlage werden nur vereinzelt Portalelemente mit den globalen
 * CSS-Klassen formatiert. In DefaultSample.css wird demonstriert, wie einige
 * Portalelemente zusammengefasst und über dieselbe globale CSS-Klasse formatiert
 * werden. In dieser Vorlage wird dargestellt, wie die Portalelemente
 * Kategorieleiste und Warenkorb unabhängig voneinander formatiert werden
 * können, obwohl sie die selbe globalen Klassen primary_color und
 * und secondary_color verwenden.
 *
 * Damit die portalspezifischen Bilder korrekt dargestellt
 * werden können, muss der String "KUNDENNAME" im
 * Bild-Zuweisungspfad der jeweiligen CSS-Klasse
 * umbenannt werden.
 *
 * @author: Nicolas Marochow (AUEL EDV-Beratung GmbH)
 * @version v 1.0 2008/05/26
 *
 */

/* Farbe der Scrollbalken festlegen (nur für den MS Internet Explorer möglich) */
body
{        background-image: url(http://www.booqtic.de/OTSUpload/kundenportale/lunatic/bg.gif);
	scrollbar-face-color: #134CA1;
	scrollbar-arrow-color: #FFF;

}

/***********************************************************************
 * Formatierung der Top- und Footerbalken
 ***********************************************************************/
.main_div_top {
background-image: url(http://www.booqtic.de/OTSUpload/kundenportale/lunatic/bg.gif);
}
/* Oberster Balken am Seitenkopf */
.topBar
{
	background: url(kundenportale/lunatic/topBar.gif);
  background-repeat: no-repeat;
}

/* Footer */
.main_div_footer
{
  background: url(kundenportale/lunatic/footer.gif);
  background-repeat: no-repeat;
  left:10px;
  width 755px;
}

/***********************************************************************
 * Formatierung der Haupt- und Nebenfarben
 ***********************************************************************/

/* Hauptfarbe (Kategorieleiste oberer Teil, Warenkorb oberer Teil und Warenkorb-Umrandung).
 * Wird nicht benötigt, da Kategorieleite und Warenkorb unabhängig voneinander
 * formatiert werden.
 */
.primary_color {}

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

/* Nebenfarbe (Kategorieleiste unterer Teil, Warenkorb mittlerer Teil)
 * Wird nicht benötigt, da Kategorieleite und Warenkorb unabhängig voneinander
 * formatiert werden.
 */
.secondary_color {}

/***********************************************************************
 * Formatierung der allgemeinen Links
 ***********************************************************************/

/* Standardlinks */
.normalOrangeText
{
	color:#FF3F00;
}

a, a.inactiveLink
{
  color:#FF3F00;
}

a:hover
{
  color:#FF3F00;
  text-decoration:underline;
}

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

a.primary_color_link:hover
{
 color:#FF3F00;
 text-decoration:underline;
}

/* verlinkter Veranstaltungsname */
.VUebersicht_Name a, .VDetails_box_subheader a
{
  color:#FF3F00;
}

.VUebersicht_Name a:hover, .VDetails_box_subheader a:hover
{
  color:#FF3F00;
  text-decoration:underline;
}

/* Warenkorbsymbol oben rechts */
a.topWarenkorbLink
{
	background:url(kundenportale/lunatic/warenkorb.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

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

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

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

/***********************************************************************
 * Formatierung des Headerbereichs
 ***********************************************************************/

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

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

/***********************************************************************
 * Formatierung der Boxen und Tabellen
 ***********************************************************************/

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

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

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

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

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

/* Formatierung des Tooltips (u.a. zu finden auf der Hauptseite zur Anzeige des Veranstaltungsortes) */
.tooltip_titel {
	background-color:#FF5900;
	color:#000;
}

.tooltip_inhalt {
  background-color:#FFF;
  color:#000;
}

/***********************************************************************
 * Formatierung der Kategorieleiste
 ***********************************************************************/

/* Formatierung der Kategorie-Ebene 1 */
.Kat_Ebene1
{
  background: #660033 url(http://www.booqtic.de/OTSUpload/kundenportale/lunatic/farbverlauf_rot.png) repeat-x scroll 0 0;
}

/* Linie oberhalb der ersten Kategorie-Ebene */
.Kat_Ebene1_border
{
  border-top: 1px solid #FFFFFF;
}

/* Linkformatierung für Kategorie-Ebene 1 */
.Kat_Ebene1 a
{
	color:#000;
}

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

/* Formatierung der Kategorie-Ebene 2 */
.Kat_Ebene2, .Kat_Ebene2_Flaggen
{
  background: #660033 url(http://www.booqtic.de/OTSUpload/kundenportale/lunatic/farbverlauf_orange.png) repeat-x scroll 0 0;
}

/* Linie unterhalb der zweiten Kategorie-Ebene*/
.Kat_Ebene2_border
{
  border-bottom: none;
}

/* Linkformatierung für Kategorie-Ebene 2 */
.Kat_Ebene2 a
{
	color:#FFF;
}

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

/***********************************************************************
 * Formatierung diverser Linien und Begrenzungen
 ***********************************************************************/

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

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

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

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

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

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

/* Linie auf der Bestellseite oberhalb der Gesamtsumme */
.bestellung_gesamtsumme_preis
{
  border-top: 1px solid #000;
}

/***********************************************************************
 * Formatierung des Warenkorbs
 ************************************************************************/

/* Warenkorb Umrandung */
.dt_main
{
  background:#FFF;
}

/* Warenkorb Hintergrundfarbe */
.dt_main_column
{
	background: #FF5900;
}

/* Warenkorb Top-Balken (Bereich mit dem Löschen-Button) */
.dt_action_panel
{
  background:#FF5900;
}

/* Warenkorb Inhaltsbereich*/
.dt_table
{
  background:#E6DCD4;
}

/* Farbe Warenkorbtext im Header */
.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: #D0E6F6;
}

/* Farbe des Textes des nachfolgenden Prozess-Schritts in der ProcessTrain Grafik */
.pt_text_after
{
  color:#134CA1;
}

/***********************************************************************
 * Formatierung sämtlicher 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;
}

/***********************************************************************
 * Formatierung der Widgets
 * Die Boxen links und rechts wie "Suche", "Die Top 10"
 ***********************************************************************/

/* Widget-Header */
.box_header
{
  border-top:2px solid #134CA1;
  background: #FF5900;
}

/* Widget - Ecke oben links */
.box_border_top_left
{
  background-image: url(kundenportale/lunatic/top_left_corner.gif);
  background-repeat: no-repeat;
}

/* Widget - Ecke oben rechts */
.box_border_top_right
{
  background-image: url(kundenportale/lunatic/top_right_corner.gif);
  background-repeat: no-repeat;
}

/* Widget - Ecke unten links */
.box_border_bottom_left
{
  background-image: url(kundenportale/lunatic/bottom_left_corner.gif);
  background-repeat: no-repeat;
}

/* Widget - Ecke unten rechts */
.box_border_bottom_right
{
  background-image: url(kundenportale/lunatic/bottom_right_corner.gif);
  background-repeat: no-repeat;
}

/* Widget - unterer Teil vom Rahmen */
.box_border_bottom
{
  border-bottom: 2px solid #FF5900;
}

/* Widget - rechter und linker Teil vom Rahmen */
.box_border_left, .box_border_right
{
  background-image: url(kundenportale/lunatic/2px_border.gif);
  background-repeat: repeat-y;
}

/* Das Werbung Widget kann ohne den Widget-Header angelegt werden. In diesem Fall werden
 * die nachfolgenden CSS-Klassen benötigt */

/* Widget-Header Definitionen (wenn kein Header dargestellt werden soll)*/
.box_empty_header
{
	background:#fff;
	height:8px;
	border-top:2px solid #1E2D64;
}

.box_empty_header_main
{
	padding:0;
}

/* Widget - Ecke oben links (wenn kein Header dargestellt werden soll) */
.box_empty_header_border_top_left
{
	background-image: url(kundenportale/lunatic/top_left_corner_emptyHeader.gif);
	background-repeat: no-repeat;
	height:8px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

/* Widget - Ecke oben rechts (wenn kein Header dargestellt werden soll) */
.box_empty_header_border_top_right
{
	background-image: url(kundenportale/lunatic/top_right_corner_emptyHeader.gif);
	background-repeat: no-repeat;
	height:8px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

/* globale CSS-Klassen können z.B. für die Widgets überschrieben werden. */

/* alternierende Hintergründe in den Widgets (Veranstaltungskalender) */
.box_innerDiv .tableCell_even
{
  background-color:#FEE49C;
}

.box_innerDiv .tableCell_odd
{
  background-color:#FFF;
}

/* Verwendung des globalen Headers innerhalb eines Widgets */
.box_innerDiv .contentHeader
{
  background-color:#134CA1;
}

/* Formatierung allgemeiner Links innerhalb der Widgets */
.box_innerDiv a
{
 color:#134CA1;
}

.box_innerDiv a:hover
{
 color:#134CA1;
 text-decoration:underline;
}

/* Menschenmenge im Hauptbereich durch weiße Hintergrundfarbe ersetzen */
.main_div_content_frame_bg
{

  background:#FFF;
  width: 755px;
}

.main_div_content_frame_bg
{

  background:#FFFFFF;
  width: 755px;
}
.main_div_category_bar {

height:50px;
left:21px;
margin-left:0;
position:absolute;
top:120px;
z-index:3;
width: 755px;
}
.main_div_content_area {

top:150px;
width: 755px;

}
.topSubMenuCell {
font-weight:bold;
padding-top:20px;
text-align:right;
vertical-align:top;
}
.main_div_toolbar_left, .main_div_toolbar_right, .topMenuRight, .topSubMenuRight, .topSubMenuCell, .regioticLink  {
display:none;
}
.main_div_content_frame {
background: #FFFFFF url(kundenportale/lunatic/frame_right_shadow.gif) repeat-y scroll right center;      }

* html .main_div_content_area,   * html .main_div_content_frame

{

padding-top:150px;

}
* html .main_div_footer, * html .main_div_top, * html .topBar {
width: 780px;

}

.logo {
border:none;
}
.main_div_content_frame, .main_div_content_frame_bg,  .main_div_footer,  .main_div_header, .main_div_header,  .headerTable, .topBar
{
  width:774px;
  /* Sonderfall wenn das Veranstaltungskalender-Widget in der rechten Toolbar angzeigt wird */
  /* overflow-x:hidden; */
}
.Kat_Table {
width: 755px;
}
.main_div_footer, .main_div_top, .topBar {
width: 775px;

}
.main_div_main {
left:10px;
position:absolute;
top:5px;
width: 725px;
}
.contentWidth, .bestellung_tile_box_main  {
width:725px;
}
.footerTable {
left: 20px;
width: 755px;
}
.VDetails_Beschreibung, .VDetails_RightInfoCell_right, .VDetails_SammelInfoCell_left, .VDetails_SammelInfoCell_right,
.VDetails_RightInfoCell_left, .VDetails_InfoCell_left, .VDetails_InfoCell_right, .addressTableCell, .VDetails_box_main,
.normalText, .VDetails_nicht_buchbar, .VDetails_image_nicht_buchbar, .VUebersicht_Datum, .smallText, .h_title, .boldText,
.inputForm_left, .feedbackTable, .pt_text_after, .anweisung, .inputField_selectOneRadio, .zusammenfassung_main, .VUebersicht_OrtImage,
.zusammenfassung_gesamtsumme, .bigBoldText, .VDetails_Text, .VDetails_TextBold, .VUebersicht_Kurztext {
color: #2D2A28;
}

/* Sonderfall wenn das Veranstaltungskalender-Widget in der rechten Toolbar angzeigt wird */
/*.main_div_content_area
{
  overflow-x:hidden;
}
*/