/*
 * CSS-Vorlage "IFrameSample.css" zur CSS-Formatierung eines Kundenportals.
 *
 * Bei dieser Vorlage werden die einzelnen Portalelemente mit
 * den globalen CSS-Klassen formatiert.
 *
 * Damit die portalspezifischen Bilder korrekt dargestellt
 * werden können, muss der String "KUNDENNAME" im
 * Bild-Zuweisungspfad der jeweiligen CSS-Klasse
 * umbenannt werden.
 *
 * Im letzten Abschnitt dieser Datei wird demonstriert, wie
 * einige Hauptbereiche (Header, Footer,...) ausgeblendet werden, so dass
 * das Portal in einem IFrame auf der Kundenwebseite eingebunden werden kann.
 *
 * @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
{
	scrollbar-face-color: #0A6150;
	scrollbar-arrow-color: #FFF;
}

/***********************************************************************
 * Formatierung der Top- und Footerbalken
 ***********************************************************************/

/* Oberster Balken am Seitenkopf */
.topBar
{
	background: url(kundenportale/balticHurricanes/topBar.gif);
  background-repeat: no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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
 * Die Header- und Hintergrundfarben werden über die CSS-Klassen
 * .primary_color und .secondary_color definiert.
 ************************************************************************/

/* Farbe Warenkorbtext im Header */
.dt_table_header_text
{
  color:#00000;
}

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

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

/***********************************************************************
 * 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 #0A6150;
  background: #0A6150;
}

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

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

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

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

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

/* Widget - rechter und linker Teil vom Rahmen */
.box_border_left, .box_border_right
{
  background-image: url(kundenportale/KUNDENNAME/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/KUNDENNAME/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/KUNDENNAME/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:#0A6150;
}

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

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

/* Menschenmenge im Hauptbereich durch weiße Hintergrundfarbe ersetzen */
.main_div_content_frame_bg
{
  background:#FFF;
}

/*************************************************************************
 * Folgende Formatierungen sind NUR zu verwenden, wenn das Portal auf der
 * Seite des Veranstalters mittels IFrame eingebunden wird.
 *************************************************************************/

/* Hauptbereiche (Header, Footer, Kategorieleiste, Toolbars) ausblenden */
 .main_div_toolbar_left,.topMenuRight,.topSubMenuTable,.headerTable,
.main_div_toolbar_right, .main_div_top, .topBar, .main_div_footer
{
 display: none;
}

/* Linie links, Schatten rechts und Hintergrundbild ausblenden */
.main_div_content_frame, .main_div_content_frame_bg, .main_div_content_area
{
  top:0;
  left:0;
  bottom:0;
  background: transparent;
  border:none;
}

/*************************************************************************
 * Positionierungsangaben des Inhaltsbereichs
 ************************************************************************/

.main_div_main
{
  top:0px;
  left:0px;
}

/* Nur für MS Internet Explorer gültig */
 * html .main_div_content_area, * html .main_div_content_frame,
 * html .main_div_content_frame_bg
{
  padding:0;
  margin:0;
}

/* Nur für MS Internet Explorer gültig */
* html body
{
	padding-top:70px;
	margin:0;
}

/*************************************************************************
 * Allgemeine Breitenangaben.
 ************************************************************************/

/* Bereiche für den Seiteninhalt.
 * Um bei der Einbindung horizontale Scrollbalken zu vermieden, müssen
 * diese Bereiche mind. 20px breiter sein als der Inhalt selbst,
 * dessen Breite über die Klassen .contentWidth,
 * .bestellung_tile_box_main und .VUebersicht_table_view definiert wird.
 * Alternativ kann auch width:100%; verwendet werden.
 */

/* Breite des Inhaltsbereichs*/
.main_div_content_frame, .main_div_content_frame_bg, .main_div_content_area
{
  width:595px;
  /* Sonderfall wenn das Veranstaltungskalender-Widget in der rechten Toolbar angzeigt wird */
  /* overflow-x:hidden; */
}

/* Bestimmt die Gesamtbreite des dargestellten Inhalts der einzelnen JSP-Seiten */
.contentWidth
{
	width:100%;
}

/* Breite der Boxen "Bestplace-Buchung" und "Sitzplatzgenaue Buchung" (Mindestbreite 555px) */
.bestellung_tile_box_main{
	width:100%;
}

/* Breite der Tabelle mit den Veranstaltungen auf der Hauptseite  */
.VUebersicht_table_view
{
	width:100%;
}
.main_div_category_bar {
width:595px;
height:50px;
left:0px;
margin-left:0;
position:absolute;
top:10px;
z-index:3;
}
.main_div_content_area {
top:90px;
width:595px;
}
.Kat_Table {
border:0 none;
border-collapse:collapse;
font-size:10pt;
margin:0;
padding-left:0;
padding-top:0;
width:595px;
}

.main_div_header {
width:200px;
background-color:#FFFFFF;
height:20px;
left:600px;
padding:0;
position:absolute;
top:60px;
z-index:3;
}
.logoCell {
display:none;
}