/*
 * 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
{
	scrollbar-face-color: #004077;
	scrollbar-arrow-color: #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

a.topWarenkorbLink:hover, .topWarenkorbLinkActive
{
	background:url(kundenportale/fhwolfenbuettel/warenkorb_hover.gif);
	background-repeat:no-repeat;
	background-position: center right;
}
      */
/* Links im Footer */
a.footerLink
{
  color:#FFF;
}

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

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

/* Logo - Abstand zum oberen Topbalken*/
.logoCell
{
  width:100%;
  padding-top:15px;
  text-align:right;

}

/* 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:#004077;
  color:#FFFFFF;
}

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

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

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

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

/* Formatierung der Kategorie-Ebene 1 */
.Kat_Ebene1
{
  background:#D7D7D7;
}

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

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

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

/* Formatierung der Kategorie-Ebene 2 */
.Kat_Ebene2, .Kat_Ebene2_Flaggen
{
  background:#004077;
}

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

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

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

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

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

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

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

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

/***********************************************************************
 * 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 #004077;
  background: #004077;
  color:#FFFFFF;
}

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

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

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

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

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

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

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

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

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

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

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

/* Sonderfall wenn das Veranstaltungskalender-Widget in der rechten Toolbar angzeigt wird */
/*.main_div_content_area
{
  overflow-x:hidden;
}
*/
a.boldWhiteLink {
text-decoration:underline;
}
.boldWhiteLink {
color:#000000;
font-size:8pt;
font-weight:bold;
}
.normalWhiteText {
color:#000000;
font-size:8pt;
}
.topMenuRight, .topSubMenuRight, .topSubMenuCell {styles.css (Linie 463)
font-weight:bold;
padding-top:3px;
text-align:right;
vertical-align:top;
display:none;
}
.topLinksSpaceCell {
display:none;
}
.InfositeLink {
display:none;
padding-top:2px;
width:120px;
}