/*

Farben nach Style-Guide 2019

Secondary: #C50032  = dunkleres rot
Primary:   #FF003C  = Link-Rot

*/

/* block level elemente (divs...) */
body {
  margin: 0px;
  padding: 0px;
  /* background:transparent url(/tickets/img/layout/backgrounds/hintergrund.jpg) no-repeat center top;  */
  background-color: #f2f3f4; /* functional 1 stand Januar 2019 */
  /* background-color: #bfc2c9;   functional 2 stand Januar 2019  zu kalt/dunkel */

  font-family: arial, helvetiva, verdana;
  font-size: 12px;
}
/* Standard-LINKs und LINK-Eigenschaften */
a:link,
a:visited,
a:hover {
  color: #ff003c; /* neues rot  - Januar 2019*/
}

.head {
  width: 705px;
  height: 100px;
  padding-left: 315px;
  padding-top: 50px;
  line-height: 30px;
  background-image: url(/tickets/img/layout/backgrounds/header.png);
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
}

.head h1 {
  font-family: Arial; /* TheMix */
  font-weight: 700;
  font-size: 60px;
  color: white;
}
.head h2 {
  font-family: Arial; /* TheMix */
  font-weight: 700;
  font-size: 18px;
  color: black;
}
.hotline {
  font-size: 18px;
  font-weight: 700;
  font-size: 18px;
  color: black;
  margin-top: 10px;
}

/* navigation: */
.navi {
  background-image: url(/tickets/img/layout/backgrounds/navigation.png);
  background-repeat: no-repeat;
  width: 1020px;
  height: 50px;
  margin: auto;
}

.navtext {
  width: 685px;
  height: 40px;
  padding-top: 15px;
  margin-left: 35px;
  border: 0px solid green;
  float: left;

  font-family: Arial; /* TheMix */
  font-weight: 700;
  font-size: 17px;
  /* sonst wird nav rechts durch buttons ueberlagert*/
  z-index: 50;
  position: relative;
}

/* text dekoration von eineigen wenigen Links entfernen: */
.navtext a {
  text-decoration: none;
  color: #fff;
}

.navtext a:hover {
  color: #ff003c;
  text-decoration: underline;
}

.navi_current a {
  color: #ff003c;
}
/* anmelden und wk buttons in navigation*/
.buttons {
  height: 50px;
  width: 300px;

  line-height: 50px;

  white-space: nowrap;
  margin-top: -10px;
  margin-right: 0px;
  margin-left: 500px;
  position: relative;

  font-size: 15px;
  font-family: Arial; /* TheMix */
  font-weight: 700;

  z-index: 1;
}

.buttons a:link {
  text-decoration: none;
}
.buttons a:hover {
  text-decoration: underline;
}

a.navlink:link {
  color: white;
  margin-right: 0px;
}

a.navlink:visited {
  color: white;
  margin-right: 0px;
}
a.navlink:hover {
  text-decoration: underline;
}

#slideshow_fenster a {
  text-decoration: none;
}

/* markierung des aktuellen Bereichs */
/* startseite / default */
.nav_mark {
  position: relative;
  left: -685px;
  z-index: 100;
  width: 15px;
  height: 12px;
  top: 38px;
  border: 0px solid grey;
}
/* bereich: TICKETS */
.nav_mark_tickets {
  position: relative;
  left: -600px;
  top: 38px;
  z-index: 100;
  width: 15px;
  height: 12px;
}

.nav_mark_cds {
  position: relative;
  left: -535px; /* 202 */ /* etwa 10 Pixel unterschied zwischen FF und Chrome : 15pixle zu FF u IE */
  top: 38px;
  z-index: 100;
  width: 15px;
  height: 12px;
}

.nav_mark_elchshop {
  position: relative;
  left: -495px;
  top: 38px;
  z-index: 100;
  width: 15px;
  height: 12px;
}

.nav_mark_tsh {
  position: relative;
  left: -460px;
  top: 38px;
  z-index: 800;
  width: 15px;
  height: 12px;
}

.nav_mark_guts {
  position: relative;
  left: -380px;
  top: 38px;
  z-index: 800;
  width: 15px;
  height: 12px;
}

.nav_mark_elc {
  position: relative;
  left: -334px;
  top: 38px;
  z-index: 100;
  width: 15px;
  height: 12px;
}
.nav_mark_clb {
  position: relative;
  left: -108px;
  top: 38px;
  z-index: 100;
  width: 15px;
  height: 12px;
}
.nav_mark_anm {
  position: relative;
  left: 67px;
  top: 38px;
  z-index: 100;
  width: 15px;
  height: 12px;
}
.nav_mark_wkb {
  position: relative;
  left: 210px;
  top: 38px;
  z-index: 800;
  width: 15px;
  height: 12px;
}
.nav_mark_mag {
  position: relative;
  left: -218px;
  top: 38px;
  z-index: 100;
  width: 15px;
  height: 12px;
}

#n_mark {
  position: absolute;
}

#main {
  /* == ensptricht content */
  background-image: url(/tickets/img/layout/backgrounds/hintergrund_content.png);
  background-repeat: repeat-y;
  width: 985px;
  min-height: 616px;
  margin: auto;
  margin-top: 0px;
  padding-top: 25px;
  padding-left: 35px;
  position: relative;
  z-index: 10;
  border: 0px solid blue;
}

#footer {
  background-image: url(/tickets/img/layout/backgrounds/footer-os.png);
  background-repeat: no-repeat;
  width: 995px;
  height: 50px;
  line-height: 50px;

  padding-left: 35px;
  margin-left: -36px;
  font-family: Arial;
  font-weight: 700;
  font-size: 13px;
  color: white;
  margin-top: 0px;
}

#footer a:link {
  color: white;
  text-decoration: none;
}
#footer a:visited {
  color: white;
}
#footer a:hover {
  text-decoration: underline;
}

#inhalt {
  /* == inhaltsfenster*/
  min-height: 600px;
  /* margin-left: 35px; */
  position: relative;
  /*    width: 700px; */
  z-index: 0;
  border: 1px solid green;
}

#inhalt h1,
#main h1 {
  width: 100%;
  display: block;
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: arial;
  font-size: 20px;
}
#slideshow_fenster {
  width: 706px;
  height: 346px;
  border: 0px solid red;
  position: relative;
  float: left;
}

/* abstandhalter Navi <-> Slideshow & Schaufenster */
#top_spacer {
  height: 0px;
  width: 1020px;
}

/* ebene rechts mit teaserbox und scroll inhalt */
#ticketshow {
  float: right;
  margin-right: 35px;
  margin-left: 24px;
  border: none;
  width: 215px;
}
#ticketshow a {
  text-decoration: none;
}
#ticketshow a:hover {
  text-decoration: underline;
}

.ts_tb_text {
  font-family: arial;
  font-size: 11px;
  color: black;
}

.ticketshow_scroller {
  width: 215px;
  height: 136px;
  overflow: auto;
}
.ticketshow_scroller a:hover {
  text-decoration: underline;
}

.teaserbox {
  background-image: url(/tickets/img/layout/ticketshow/box_hintergrund.png);
  background-repeat: no-repeat;
  width: 203px;
  height: 200px;
  border: 1px solid #c0c0c0;
  margin-bottom: 30px;
  padding-left: 10px;
}
.teaserbox img {
  border: none;
  margin-top: 10px;
  margin-bottom: 6px;
}
.teaserbox h2 {
  display: inline;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
}

/*
.teaserbox a:hover {
    text-decoration: underline;
}
*/

.scroll_element {
  min-height: 63px;
  width: 190px;
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 8px;
}

.scroll_element img {
  border: none;
  margin-right: 10px;
  float: left;
}

.scroll_element h3 {
  margin-left: 0px;
  display: inline;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
}
.se_text {
  font-family: arial;
  font-size: 11px;
}

/* top 3 produkte / artikel /tickets */

#top3produkte a {
  text-decoration: none;
}
#top3produkte a:hover {
  text-decoration: underline;
}

/* reihe mit 4 teasern unter Slideshow... Ticket-Fenster*/
#teaser_reihe {
  width: 980px;
  background-color: white;
  height: 300px;
  margin-left: 0px;
  margin-top: 10px;
  padding-bottom: 40px;
  border: none;
  font-size: 12px;
}
#teaser_reihe a {
  text-decoration: none;
}
#teaser_reihe a:hover {
  text-decoration: underline;
}

/* Teaser-Headlines */
#teaser_reihe h2 {
  display: inline;
}

#teaser_reihe h2 a {
  font-family: arial, verdana, helvetica;
  font-size: 16px;
  color: #444444;
}

#teaser_reihe a {
  color: black;
}

#teaser_reihe h2 a:hover {
  color: #ff003c;
}
#teaser_reihe a:hover {
  color: #ff003c;
}

/* Teaser-Box in Teaser Reihe: */
.teaser_box {
  width: 215px;
  margin-right: 30px;
  float: left;
}

.zweier_teaser_box {
  width: 460px;
  margin-right: 30px;
  float: left;
  font-weight: bold;
}
.teaser_image {
  border: 1px solid #c0c0c0;
  width: 213px;
  height: 159px;
  margin-top: 10px;
  margin-bottom: 12px;
}
#ticketliste {
  width: 215;
  height: 161px;
  float: right;
  overflow-y: scroll;
  margin-top: 28px;
  border: 0px solid red;
}
.mini_image {
  width: 73px;
  height: 55px;
  float: left;
  margin: 10px 10px 10px 0px;
}
.mini_ticket {
  width: 194px;
  height: 57px;
  padding-top: 12px;
  padding-bottom: 10px;
  border-top: 1px solid #c0c0c0;
  font-size: 12px;
  color: #000;
}

/* trenner bild von button */
.teaser_trenner {
  border: none;
  margin-top: 13px;
  margin-bottom: 15px;
}

#trenner_topartikel {
  margin-top: 20px;
  margin-bottom: 20px;
}

#trenner_705 {
  width: 705px;
  background-color: white;
  height: 0px;
  clear: left;
}

.trenner_705 {
  width: 705px;
  background-color: white;
  height: 0px;
  clear: left;
}

#trenner_858 {
  width: 858px;
  height: 0px;
  clear: both;
}

.trenner_858 {
  width: 858px;
  height: 0px;
  clear: both;
}
.teaser_button {
  float: right;
}
.teaser_button a {
  text-decoration: none;
}

/* ueberlagert andere a wegen #
#teaser_reihe a {
    color: #000;
    display: inline;
}

#teaser_reihe a:hover {
    color: #FF003C;
   text-decoration:underline;
    display: inline;
}
*/
/* ENDE BLOCK-ELEMENTE */

/* veranstaltungs-seiten / ticketbreich */
.header_va_beschreibung,
.header_valiste,
.header_va_gruppe,
.header_950 {
  background-image: url(/tickets/img/layout/backgrounds/hintergrund_div_header.png);
  background-repeat: no-repeat;
  width: 685px;
  height: 30px;
  line-height: 30px;

  font-family: arial;
  font-weight: bold;
  margin-left: 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: black;
}

.header_950 {
  background-image: url(/tickets/img/layout/backgrounds/header_grau_950.png);
  background-repeat: no-repeat;
  width: 940px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.header_valiste th {
  color: #ed1c24;
}

.header_valiste {
  background-image: url(/tickets/img/layout/backgrounds/header_valiste.png);
  height: 40px;
}

.header_va_gruppe {
  margin-top: 0px;
  margin-left: 0px;
}

.header_va_gruppe h2 {
  font-weight: bold;
}

.header_va_beschreibung h1 {
  color: #ed1c24;
  font-weight: bold;
}
.header_950 h1 {
  color: #ed1c24;
  font-weight: bold;
}

/*
.headline_betont {
    color: #ed1c24;
    font-weight:bold;
}
*/

.header_va_beschreibung h2 {
  font-size: 15px;
}

/* bereich versandartikel */
.header_art_gruppe {
  background-image: url(/tickets/img/layout/backgrounds/header_grau_950.png);
  background-repeat: no-repeat;
  width: 940px;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  margin-bottom: 20px;
}
.header_art_gruppe h1 {
  font-weight: bold;
  color: #ed1c24;
}
.artikel_reihe {
  width: 980px;
  border: 0px solid blue;
  min-height: 200px;
  color: #000;
}

.plakat_reihe {
  width: 980px;
  border: 0px solid orange;
  min-height: 330px;
}
.artikel_div {
  width: 172px; /* 217? */
  /*    height:170px;  hoehe unterschiedlich, je nach plakat oder norm. artikel */
  margin-bottom: 0px;
  margin-right: 22px;
  margin-top: 0px;
  float: left;
}
/* links unter artikeln sind NICHT rot, sondern schwarz, rot bei hover */
/*
.artikel_div a:link{
    color: #000;
    text-decoration:none;
}
.artikel_div a:visited{
    color: #000;
    text-decoration:none;
}

.artikel_div a:hover{
    color:  #FF003C;
    text-decoration:underline;
}
*/
.artikel_bild {
  width: 172px;
  height: 129px;
  border: 1px solid #c0c0c0;
  margin-bottom: 10px;
}
.plakat_bild {
  width: 172px;
  height: 255px;
  border: none;
  margin-bottom: 10px;
}

/* ###################################################################### */
/* T-Shirts */
/* ###################################################################### */

.motivreihe {
  width: 732px;
  border: none;
  margin-bottom: 35px;
}

.motivbilder {
  margin-top: 20px;
  margin-right: 19px;
  border: 1px solid #c0c0c0;
  width: 100px;
  height: 100px;
}

/* ###################################################################### */

/* ###################################################################### */
/* CLUBVORTEILE */
/* ###################################################################### */

.v-inhalt {
  width: 857px;
  height: 1079px;

  margin-left: 73px;

  position: relative;
}

.vbox {
  padding-top: 15px;
  border: 1px solid #a1a1a1;

  border-right: none;
  border-bottom: none;

  float: left;

  text-align: center;
  position: relative;
}

.vklein {
  width: 213px;
  height: 163px;
}

.vgross {
  width: 427px;
  height: 342px;
}
.vbox h2 {
  font-size: 14px;
  font-weight: normal;
}

.vbox a:link {
  text-decoration: none;
  color: black;
}

.vbox a:hover {
  text-decoration: underline;
  color: #ff003c;
}

.g {
  background-color: #f3f3f3;
}
.bor {
  border-right: 1px solid #a1a1a1;
}
.bob {
  border-bottom: 1px solid #a1a1a1;
}

.notbo {
  border-top: none;
}
.bild_vorteil_kl {
  margin-top: 5px;
}

.vorteil_nr {
  z-index: 99;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* Bilder & Texte auf Vorteilsseite */
.bild_vorteil_gross {
  width: 385px;
  height: 299px;
  margin-top: 14px;
  margin-left: 20px;
}

.bild_vorteil_klein {
  /*    width:172;
    height: 137px;
    margin-top:14px;
    margin-left:20px;
    margin-bottom: 4px;
    */
  width: 156px;
  height: 124px;
  margin-top: 20px;
  margin-left: 28px;
  margin-bottom: 7px;
}

/* headline unter dem Bild */
.text_vorteilstitel {
  background-color: white;
  font-weight: bold;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 20px;
  margin-top: -3px;
}

/* Vorteil Nummern */

.vorteil {
  z-index: 999;
  position: absolute;
  top: 30px;
  right: 8px;
}

/* vorteil: video icon */

.vvideo {
  z-index: 999;
  position: absolute;
  top: 65px;
  width: 100%;
  text-align: center;
}

.vvbig {
  top: 140px;
}

label {
  font-weight: bold;
}
/* zurueck pfeil in va tabl.header */
.icon_back {
  margin-left: 5px;
  margin-bottom: 2px;
}

/* links OHNE HREF */
.lnk {
  color: #ed1c24;
  cursor: pointer;
}
.lnk:hover {
  text-decoration: underline;
}

/* links im nav-bereich */

#logo {
  margin-right: 42px;
  margin-top: 2px;
  float: right;
}

#service-hotline {
  width: 475px;
  height: 35px;

  margin-top: 25px;
  padding-right: 35px;
  position: relative;

  line-height: 35px;
  text-align: right;

  float: right;
  color: white;

  font-family: arial;
  font-style: italic;
  font-size: 20px;
}
#kundendaten {
  position: relative;
  background-image: url(/tickets/img/layout/backgrounds/kundendaten.png);
  background-repeat: no-repeat;
  width: 1020px;
  height: 25px;
  top: -25px;
  float: right;
  text-align: right;
  padding-right: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 25px;
  z-index: 50;
  border: none;
}

#kundendaten a {
  text-decoration: none;
}

/* gelb: #ffdd00 ; */
#header_veranstaltungen {
  width: 705px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  background-color: #981116;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 3px;
  clear: left;
  color: white;
}
#header_anmeldung {
  width: 230px;
  padding-left: 10px;
  height: 35px;
  font-size: 13px;
  /*      font-weight: bold; */
  line-height: 35px;
  background-color: #981116;
  text-align: left;
  color: white;
  float: right;
}

/* Benutzerinfos - Daten in Anmeldebox wenn angemeldet */
#benutzerinfos {
  line-height: 20px;
  padding-left: 10px;
  width: 220px;
  min-height: 200px;
}

/* abstand zw. headline und erstem textbutton auf seiten wie neues_konto oder login */
.trenner1_text_seiten {
  width: 705px;
  height: 30px;
}

#hr3_banner {
  float: right;
  margin-right: 0px;
  position: relative;
  top: 82px;
  right: 25px;
}

#va_liste,
#warenkorb {
  width: 705px;
  border-collapse: collapse;
}
/* warenkorb tabelle */
#warenkorb {
  margin-top: 40px;
}
#div_abschluss #warenkorb {
  margin-top: 0px;
}

/* tabelle f. anzeige VA-Listen im WK*/
.tb_wkb {
  width: 950px;
  border-collapse: collapse;
}

.tb_wkb tr {
  line-height: 20px;
  vertical-align: top;
  padding: 10px;
}

.tb_wkb th {
  height: 28px;
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 2px;
}
.tb_wkb td {
  border-bottom: 1px dotted #c0c0c0;
  padding: 10px;
  white-space: nowrap;
}

#warenkorb th {
  color: white;
  background-color: #981116;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  font-weight: normal;
  padding-left: 10px;
  padding-top: 2px;
}

#warenkorb td {
  padding-left: 10px;
  padding-top: 10px;
  font-size: 12px;
  line-height: 20px;
}
.warenkorb_summe td {
  background-color: #eee;
  padding: 10px;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
}
table.warenkorb_summe {
  background-color: #eee;
  width: 950px;
}

.rechnungsbetrag {
  font-weight: bold;
  color: #eb012e;
}

#va_liste tr {
  width: 705px;
}

tr.tr_highlight td {
  background-color: #d2d2d2;
}

#va_liste th {
  height: 28px;
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 2px;
}
#va_liste td {
  border-bottom: 1px dotted #c0c0c0;
  padding-left: 10px;
  /* white-space: nowrap; */
  /* line-height:16px; */
}

.VA_DIV {
  width: 705px;
  border-bottom: 1px dotted #c0c0c0;
  /*    color: black; */
  font-size: 13px;
  cursor: pointer;
}
.VA_GELB {
  background-color: #eeeeee;
}

.hidden_sortnum {
  display: none;
}

.VA_DIV a:link {
  font-weight: bold;
  text-decoration: none;
}
.VA_DIV a:visited {
  color: #ed1c24;
  font-weight: bold;
  text-decoration: none;
}
.VA_DIV a:hover {
  color: #ed1c24;
  font-weight: bold;
  text-decoration: underline;
}
/* == mini_img ... */
.va_img_klein {
  margin: 10px;
  width: 73px;
  height: 55px;
}

.plus {
  margin-right: 10px;
}

.VA_GRP_DIV {
  padding-left: 15px;
  width: 690px;
  border-bottom: 1px dotted #c0c0c0;
  color: black;
  font-size: 13px;
  min-height: 30px;
  /* line-height: 30px; */
  height: 30px;
  cursor: pointer;
}

/* Aktuelle Tabellenzeile (MO) */

.gruppenbild {
  margin-top: 0px;
  margin-right: 30px;
  float: left;
}

#veranstaltungs-detail-bild {
  width: 459px;
  height: 344px;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

/* hauptartikelbild auf detailseite */
#hauptartikelbild {
  width: 459px;
  height: 344px;
}
#hauptartikelbild_plakat {
  width: 350px;
  height: 516px;
}

#artikel_bilder {
  width: 460px;
  height: 76px;
  background-image: url(/tickets/img/layout/backgrounds/hintergrund_grau_460_76.png);
  background-repeat: no-repeat;
  border: none;
  margin-bottom: 30px;
}
#artikel_beschreibung {
  width: 460px;
  font-size: 12px;
  font-family: arial, verdana, helvetica;
  color: #555;
  line-height: 20px;
}
.artikelbild_klein {
  width: 73px;
  height: 55px;
  margin: 10px;
}

#preisbox {
  width: 215px;
  height: 174px;
  float: right;
  font-weight: bold;
  font-size: 14px;
  line-height: 37px;
}
#pb_oben {
  width: 205px;
  height: 35px;
  padding-left: 10px;
  background-image: url(/tickets/img/layout/backgrounds/preisbox_oben.png);
  background-repeat: no-repeat;
}
#pb_mitte {
  width: 205px;
  height: 35px;
  padding-left: 10px;
  background-image: url(/tickets/img/layout/backgrounds/preisbox_mitte.png);
  background-repeat: no-repeat;
}
#pb_unten {
  width: 205px;
  height: 35px;
  padding-left: 10px;
  background-image: url(/tickets/img/layout/backgrounds/preisbox_unten.png);
  background-repeat: no-repeat;
}
#pb_ende {
  width: 175px;
  height: 53px;
  background-image: url(/tickets/img/layout/backgrounds/preisbox_ende.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-top: 10px;
}

#trackliste {
  width: 215px;
  min-height: 174px;
  float: right;
  line-height: 30px;
  margin-top: 30px;
  position: relative;
}

#tl_oben {
  width: 205px;
  height: 30px;
  padding-left: 10px;
  background-image: url(/tickets/img/layout/backgrounds/header_grau_215_30.png);
  background-repeat: no-repeat;
  margin-bottom: 2px;
  position: relative;
}
#tl_oben h1 {
  font-weight: bold;
  font-size: 15px;
}
#tl_mitte {
  width: 205px;
  height: 185px;
  padding-left: 10px;
  background-image: url(/tickets/img/layout/backgrounds/hintergrund_grau_215_10.png);
  background-repeat: repeat;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  overflow-y: scroll;
}

#tl_mitte ol {
  margin: 0px;
  margin-left: 18px;
  padding: 0px;
}
#tl_mitte li {
  margin: 0px;
}

#tl_unten {
  width: 205px;
  height: 14px;
  padding-left: 10px;
  background-image: url(/tickets/img/layout/backgrounds/footer_grau_215_14.png);
  background-repeat: no-repeat;
  position: relative;
}

#rechte_artikelseite {
  width: 215px;
  border: 0px solid red;
  height: 450px;
  float: right;
}

.text_apreise {
  float: right;
  margin-right: 10px;
  color: black;
}
.td_apreis {
  color: black;
  text-align: right;
  padding-right: 10px;
}
.td_pkat {
  padding-left: 10px;
}

/* ################################################################################## */

#va_liste .club_button {
  margin: 0px;
  padding: 0px;
  margin-top: 2px; /* ausgleich f. nicht sehbaren schatten nach unten zur Zentrierung */
}

/*
#nav_element1 h1 {
    font-weight: bold;
}
#nav_element2 h1 {
    font-weight: bold;
}
#nav_element3 h1 {
    font-weight: bold;
}
#nav_element4 h1 {
    font-weight: bold;
}
#nav_element5 h1 {
    font-weight: bold;
}
*/

#slideshow {
  margin-top: 0px;
  width: 459px;
  height: 344px;
  overflow: hidden;
  position: relative; /* not required, slideshow will set this for you */
  border-left: 1px solid #a1a1a1;
  border-top: 1px solid #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
  float: left;
}
#slideshow > * {
  position: absolute; /* required for most transitions */
  top: 0; /* ditto */
  left: 0; /* ditto */
  width: 100%; /* usually required */
  height: 100%; /* same */
}

#nav_slideshow {
  position: relative;
  float: right;
  width: 245px;
  height: 345px;
  margin-left: 0px;
  margin-top: 0px;
}

#nav_slideshow h1 {
  display: inline;
  font-size: 15px;
}

/* 1. element:
   - runde ecke rechts
   - ausgewählt am start
   - 1px höher als die anderen Elemente (enthält auch den Rahmen oben)
   */
#nav_element1 {
  border: 0px solid grey;
  width: 230px;
  height: 50px;
  padding-top: 20px;
  padding-left: 15px;
  cursor: pointer;
}
.nav_element {
  border: 0px solid grey;
  width: 230px;
  height: 49px;
  padding-top: 20px;
  padding-left: 15px;
  font-size: 1em;
  cursor: pointer;
}
.nav_element_leer {
  border: 0px solid grey;
  width: 230px;
  height: 49px;
  padding-top: 20px;
  padding-left: 15px;
  font-size: 1em;
}

.nav_bild1 {
  background-image: url(/tickets/img/layout/slideshow/navelement1.png);
  background-repeat: no-repeat;
}
.nav_bild2 {
  background-image: url(/tickets/img/layout/slideshow/navelement.png);
  background-repeat: no-repeat;
}
.nav_bild3 {
  background-image: url(/tickets/img/layout/slideshow/navelement.png);
  background-repeat: no-repeat;
}
.nav_bild4 {
  background-image: url(/tickets/img/layout/slideshow/navelement.png);
  background-repeat: no-repeat;
}
.nav_bild5 {
  background-image: url(/tickets/img/layout/slideshow/navelement.png);
  background-repeat: no-repeat;
}
.highlight {
  background-image: url(/tickets/img/layout/slideshow/navelement_on.png);
  background-repeat: no-repeat;
}

/* reihenfolge ist wichtig! */
.highlight h1 a:link {
  color: blue;
  /*    text-decoration: none; abgeschaltet - keine sehbare aenderung*/
}
.highlight h1 {
  color: black;
}
.highlight .subtitle {
  color: black;
}

.highlight_first {
  background-image: url(/tickets/img/layout/slideshow/navelement1_on.png);
}
.highlight_first h1 a:link {
  color: black;
  /*    text-decoration: none; */
}
.highlight_first .subtitle {
  color: black;
}
.highlight_first h1 {
  color: black;
}
/* slideshow headlines (gruppennamen) */
h1 {
  font-size: 15px;
  display: inline;
  color: #ff003c;
  /*  font-weight: normal; */
}
h2 {
  display: inline;
  font-size: 13px;
  font-weight: normal;
}

.subtitle {
  color: black;
}

.club_button {
  color: #444444;
  height: 25px;
  margin: 0px;
  margin-top: 2px;
  padding: 0px;

  font-size: 12px;

  display: block;
  line-height: 22px;
  text-align: center;
  border: none;
}

a.club_button {
  color: #444444;
  text-decoration: none;
}

a.black_links {
  color: #000;
  font-size: 12px;
  font-family: arial;
}

a.black_links:hover {
  color: #ed1c24;
  text-decoration: underline;
}
a.black_links:active {
  color: #ed1c24;
  text-decoration: underline;
}

.b119 {
  background-image: url(/tickets/img/layout/buttons/button_119px_back.png);
  width: 119px;
  height: 26px;
}

a.b119:hover {
  background-image: url(/tickets/img/layout/buttons/button_119px_back_MO.png);
  text-decoration: none;
}

.b78 {
  background-image: url(/tickets/img/layout/buttons/button_78px_back.png);
  width: 78px;
  height: 25px;
}
a.b78:hover {
  background-image: url(/tickets/img/layout/buttons/button_78px_back_MO.png);
  text-decoration: none;
}

.kon {
  background-image: url(/tickets/img/layout/buttons/button_back.png);
  width: 130px;
}
/* .anm -> warenkorb */
.anm {
  background-image: url(/tickets/img/layout/buttons/button_anmelden_back.png);
  width: 78px;
}

.datum {
  background-image: url(/tickets/img/layout/buttons/button_datum_back.png);
  width: 58px;
}
/* buttons auf warenkorb seite */
.warenkb {
  background-image: url(/tickets/img/layout/buttons/button_119px_back.png);
  width: 119px;
  height: 26px;
}

.b150 {
  background-image: url(/tickets/img/layout/buttons/button_150px_back.png);
  width: 150px;
  height: 26px;
}
.b180 {
  background-image: url(/tickets/img/layout/buttons/button_180px_back.png);
  width: 180px;
  height: 26px;
}
a.anm:hover {
  background-image: url(/tickets/img/layout/buttons/button_anmelden_back_MO.png);
}

a.kon:hover {
  background-image: url(/tickets/img/layout/buttons/button_back_MO.png);
  width: 130px;
}
a.datum:hover {
  background-image: url(/tickets/img/layout/buttons/button_datum_back_MO.png);
}
a.warenkb:hover {
  background-image: url(/tickets/img/layout/buttons/button_119px_back_MO.png);
  width: 119px;
}

a.b150:hover {
  background-image: url(/tickets/img/layout/buttons/button_150px_back_MO.png);
}

a.b180:hover {
  background-image: url(/tickets/img/layout/buttons/button_180px_back_MO.png);
}

/* enthaelt texte der Gruppen + Bild - unterhabl oberer textnav, 1. element im inhalts-div */
#gruppeninfos {
  border: none;
  width: 460px;
  float: left;
  line-height: 18px;

  margin-top: 0px;
  margin-bottom: 20px;
  font-family: arial;
  font-size: 13px;
}
#gruppeninfos h1 {
  margin: 0px;
  margin-bottom: 10px;
}

#artikelinfos {
  margin-top: 20px;
  width: 705px;
  min-height: 160px;
  font-size: 13px;
}
.artikelinfos {
  margin-top: 20px;
  width: 705px;
  min-height: 160px;
  font-size: 13px;
}

#gruppeninfos h2,
#artikelinfos h2 {
  font-size: 20px;
  display: block;
  margin: 0px;
  margin-bottom: 20px;
}

/*
Inhalt unterhalb der Haupt-überschrift
Entspricht - gruppeninfos - betrifft aber
mehrere Seiten, nicht nur Veranstaltungen.

Als Klassendef. damit es content-swap-divs zugeordnet werden kann.

*/
.sub_header_content {
  margin-top: 20px;
  width: 705px;
  min-height: 160px;
  font-size: 12px;
  position: relative;
}

/* Hervorgehobener-Teil einer Überschrift, die KEIN link ist [aktuell Rot-Farbe wie links] */
.headline_betont {
  color: #ed1c24;
  font-weight: bold;
}

/* neues konto anmelden stile */
.tb_txt {
  color: white;
  font-weight: bold;
  font-size: 12px;
  height: 34px;
  margin-right: 10px;
  display: block;
  float: left;
  padding-top: 5px;
  padding-left: 0px;
  text-align: center;
  background-repeat: no-repeat;
}

.div_form {
  width: 683px;
  background-color: #fffad9;
  border: 1px solid #a1a1a1;

  line-height: 45px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 20px;
}

.div_login {
  line-height: 22px;
  min-height: 80px;
  width: 695px;

  background-color: #e6e6e6;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 12px;
}
.div_login h2 {
  font-size: 14px;
  font-weight: bold;
}
/* Boxen f. Anzeige auf Login/Registierungsseite
   mit grauen Header-Zeilen und abgerundeten
   Ecken rechts unten
*/
.div_box_338 {
  width: 338px;
  font-size: 13px;
  position: relative;
}
.div_box_338_header {
  width: 328px;
  height: 30px;
  background-image: url(/tickets/img/layout/backgrounds/box_header_5_bg.png);
  background-repeat: repeat-x;
  margin-bottom: 1px;
  padding-left: 10px;
  line-height: 30px;
  position: relative;
}
.div_box_338_header a {
  text-decoration: none;
}
.div_box_338_header a:hover {
  text-decoration: underline;
}

.div_box_338_body {
  width: 323px;
  min-height: 0px;
  background-image: url(/tickets/img/layout/backgrounds/box_body_1x338_bg.png);
  background-repeat: repeat-y;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 10px;
  position: relative;
}

.div_box_338_footer {
  width: 328px;
  height: 10px;
  background-image: url(/tickets/img/layout/backgrounds/box_footer_10x338_bg.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  margin-bottom: 20px;
}

.div_box_338 h2 {
  font-weight: normal;
  font-size: 15px;
}

.div_abschluss_breit {
  background-image: url(/tickets/img/layout/backgrounds/box_705_abschluss_bg.png);
  background-repeat: no-repeat;
  width: 705px;
  height: 25px;
  position: relative;
  margin-top: 0px;
}

/* eingabefelder in div_box? */

.div_box_338_body input.md_text {
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

#f_bankverbindung,
#f_iban {
  font-size: 14px;
  margin-top: 5px;
}
.div_box_338_body #f_bankverbindung {
  width: 200px;
}

.div_box_338_body label {
  width: 40px;
}

.fl {
  float: left;
}

/* box ueber "ganze" breite: 705px */
.div_box_705 {
  width: 705px;
  min-height: 50px;
  line-height: 20px;
}

.div_box_705_header {
  width: 695px;
  height: 30px;
  background-image: url(/tickets/img/layout/backgrounds/box_header_5_bg.png);
  background-repeat: repeat-x;
  margin-bottom: 1px;
  padding-left: 10px;
  line-height: 30px;
}

.div_box_705 input {
  width: 12em;
  margin-bottom: 10px;
}
.div_box_705_body {
  width: 695px;
  background-image: url(/tickets/img/layout/backgrounds/box_body_705_bg.png);
  background-repeat: repeat-y;
  padding: 10px;
  padding-top: 20px;
  position: relative;
  font-size: 13px;
}
.div_box_705_body form {
  width: 680px;
}
/* headlines in boxen (z.B. zur Kasse und bei Benutzerdaten) nicht fett */
.div_box_705_header h2 {
  font-weight: normal; /* war bold */
  font-size: 15px;
}

.div_box_705_body h2 {
  font-size: 15px;
  font-weight: bold;
  color: #6d6d6d;
}

.div_box_705_x10_footer {
  width: 705;
  height: 10px;
  background-image: url(/tickets/img/layout/backgrounds/box_footer_10x705_bg.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  margin-bottom: 20px;
}
.div_box_705_footer {
  width: 705;
  height: 25px;
  background-image: url(/tickets/img/layout/backgrounds/box_705_abschluss_bg.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 20px;
}

/* background-image: url(/tickets/img/layout/backgrounds/box_705_abschluss_bg.png); background-repeat:no-repeat; width: 705px; height: 25px; position: relative;  margin-top:0px */

#div_show_adresse {
  margin-top: 30px;
  display: none;
}
#div_show_versandart {
  margin-top: 30px;
}
#div_show_passwort {
  margin-top: 30px;
  display: none;
}

#div_show_kontroll {
  margin-top: 30px;
  display: none;
}

#div_show_kontakt {
  margin-top: 30px;
  display: none;
}

#f_gutschein label {
  width: 136px;
}

#div_telefon label {
  width: 40px;
  font-weight: normal;
  line-height: 18px;
}
/* LOGIN-Formulare */
#anmeldeform {
  padding: 15px;
  width: 340px;
}
#anmeldeform_in_seite {
  padding-top: 10px;
  padding-bottom: 10px;
}
#anmeldeform_in_seite .md_text {
  margin-bottom: 10px;
}
#anmeldeform .md_text {
  margin-bottom: 10px;
}
#anmeldeform label {
  width: 130px;
  font-weight: bold;
  line-height: 18px;
}
/* hochkantes anmeldeformular */
#anmeldeform_hoch {
  padding: 0px;
  width: 180px;
  margin: auto;
  padding-top: 10px;
  border: 0px solid green;
  text-align: center;
}
#anmeldeform_hoch label {
  width: 180px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
#anmeldeform_hoch .md_text {
  margin-bottom: 10px;
  width: 170px;
}

/*
#div_show_zahlart{
  display:none;
}
*/
#div_show_abschluss {
  display: none;
}

/*  konto bearbeiten */

h4 {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #ed1c24;
  width: 72px;
  float: left;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
}
.bb {
  width: 705px;
  min-height: 10px;
  border-bottom: 1px solid #a1a1a1;
  padding-top: 30px;
  padding-bottom: 30px;
}
#f_adresse_bb {
  display: none;
}

/* kassen-seiten ... */

#f_bankverbindung,
#f_iban label {
  font-size: 13px;
}
#f_bankverbindung input,
#f_iban input {
  font-size: 13px;
  width: 220px;
  margin-right: 0px;
}

.f_disabled {
  background-image: url(/tickets/img/layout/backgrounds/input_off.png);
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px;
}
#iban_text_r {
  width: 300px;
  float: right;
  margin-top: 22px;
  margin-right: 15px;
  line-height: 18px;
  font-size: 12px;
}
#iban_text_l {
  width: 350px;
  float: left;
  margin: 10px;
  margin-bottom: 20px;
  line-height: 18px;
  font-size: 12px;
}

#bic_feld {
  display: none;
}
#bic_text {
  margin-top: 5px;
  margin-bottom: 5px;
  display: none;
}

#f_bank {
  position: relative;
  display: inline-block;
}

#knr_blz {
  display: none;
  position: relative;
}

#iban_div fieldset {
  border: 1px solid white;
  margin: 0px 2px;
  margin-bottom: 15px;
  padding: 0.1em 0.1em 0.1em;
  width: 355px;
}
#iban_div legend {
  margin-left: 5px;
  background-color: white;
  padding: 2px 10px;
  line-height: 14px;
  font-size: 12px;
}

#f_passwort label {
  width: 120px;
}
#f_passwort input {
  margin-bottom: 2px;
}

#div_bankdaten_338 th {
  text-align: right;
}
#div_kasse_status {
  float: right;
  margin-right: 35px;
  margin-bottom: 30px;
  width: 221px;
  font-size: 15px;
  font-weight: bold;
  color: white;
}

#div_kasse_status .aktiv {
  background-image: url(/tickets/img/layout/backgrounds/kasse_status_aktiv.png);
  background-repeat: no-repeat;
  height: 50px;
  padding-left: 20px;
  margin-bottom: 10px;
  line-height: 50px;
}
#div_kasse_status .inakt {
  background-image: url(/tickets/img/layout/backgrounds/kasse_status_inaktiv.png);
  background-repeat: no-repeat;
  height: 50px;
  padding-left: 20px;
  margin-bottom: 10px;
  line-height: 50px;
}

#div_adresse_f {
  display: none;
}

.rb_left {
  width: 15px;
  height: 15px;
  margin-top: 15px;
  float: left;
}

label {
  display: block;
  width: 100px;
  float: left;
  text-align: right;
  margin-right: 20px;
  font-size: 12px;
}

input.text {
  border: 1px solid #c2c2c2; /* #c5c5c5; */
  margin-right: 5px;
  padding-left: 5px;
  height: 18px;
  padding-top: 4px;
  font-size: 13px;
  background-image: url(/tickets/img/layout/backgrounds/input_bg.png);
  background-repeat: x-repeat;
}

.activeIN {
  border: 1px solid #c2c2c2;
  color: darkgreen;
}

/* input-felder auf meine daten seiten */
input.md_text {
  border: 1px solid #c5c5c5;
  margin-right: 5px;
  margin-bottom: 2px;
  padding-left: 5px;
  height: 18px;
  font-size: 12px;
  background-image: url(/tickets/img/layout/backgrounds/input_bg.png);
  background-repeat: x-repeat;
  width: 8em;
}

select {
  border: 1px solid #a1a1a1;
  margin-right: 5px;
  margin-bottom: 10px;
  height: 22px;
  padding-top: 1px;
  background-image: url(/tickets/img/layout/backgrounds/input_bg.png);
  background-repeat: x-repeat;
  font-size: 13px;
}

em.error {
  background-image: url(/tickets/img/layout/icons/icon_fehler12.png);
  padding-left: 17px;
  padding-bottom: 15px;

  background-repeat: no-repeat;
  color: #ff003c;
}
/*
em.success {
    background-image:url(/tickets/img/layout/icons/icon_ok.png);
    background-repeat: no-repeat;
    color: blue;
}
*/

.invalid {
  color: red;
}

.right {
  text-align: right;
}
.left {
  text-align: left;
}

#wk_kinfo_css #header_css {
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;

  background-color: #eb012e;
  width: 500px;
  color: #fff;
  height: 30px;
  padding-top: 10px;
  margin-bottom: 10px;
}

#anm_header {
  width: 226px;
  height: 33px;
  padding-top: 10px;
  background-image: url(/tickets/img/layout/backgrounds/anm_header.png);
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  z-index: 1010;
  font-weight: 700;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 15px;
}
#anm_inhalt {
  width: 206px;
  background-image: url(/tickets/img/layout/backgrounds/anm_bg.png);
  background-repeat: repeat-y;
  z-index: 1010;
  font-weight: normal;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
#anm_inhalt input {
  /*  ... */
  line-height: 10px;
}
#anmelden_overlay {
  display: none;
  z-index: 1010;
  width: 226px;
  position: absolute;
  top: 130px;
  left: 780px;
  padding: 5px;
}
#anmeldetext {
  font-weight: normal;
  text-align: left;
  font-size: 12px;
}
#anm_footer {
  width: 226px;
  height: 22px;
  background-image: url(/tickets/img/layout/backgrounds/anm_footer.png);
  background-repeat: no-repeat;
  z-index: 1010;
}

#wk_over {
  display: none;
  position: absolute;

  z-index: 1090;

  width: 514px;
  height: 400px;
  margin: -257px 0 0 -257px;
  top: 50%;
  left: 50%;
  padding: 0px;
}
#wk_header {
  width: 514px;
  height: 33px;
  padding-top: 10px;
  background-image: url(/tickets/img/layout/backgrounds/warenkb_header.png);
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  z-index: 1010;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
}
#wk_inhalt {
  width: 484px;
  min-height: 250px;
  padding-left: 10px;
  padding-right: 20px;
  background-image: url(/tickets/img/layout/backgrounds/warenkb_bg.png);
  background-repeat: repeat-y;
  z-index: 1010;
  font-weight: normal;
}
#wk_footer {
  width: 514px;
  height: 32px;
  background-image: url(/tickets/img/layout/backgrounds/warenkb_footer.png);
  background-repeat: no-repeat;
}

#mag_over {
  display: none;
  position: relative;

  z-index: 1090;

  width: 514px;
  height: 400px;

  margin: auto;
  top: 0px;
  margin-top: -300px;
  /*
    margin: -257px 0 0 -257px;
    top:50%;
    left: 50%;
*/
  padding: 0px;
}
#mgo_header {
  width: 514px;
  height: 33px;
  padding-top: 10px;
  background-image: url(/tickets/img/layout/backgrounds/warenkb_header.png);
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  z-index: 1010;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
}
#mgo_inhalt {
  width: 484px;
  min-height: 250px;
  padding-left: 10px;
  padding-right: 20px;
  background-image: url(/tickets/img/layout/backgrounds/warenkb_bg.png);
  background-repeat: repeat-y;
  z-index: 1010;
  font-weight: normal;
}
#mgo_footer {
  width: 514px;
  height: 32px;
  background-image: url(/tickets/img/layout/backgrounds/warenkb_footer.png);
  background-repeat: no-repeat;
}

/* tabelle, abschluss im WK/Kasse */
.wk-gesamt-summe {
  width: 950px;
  background-color: #848484;
  color: white;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}

#div_clubvorteile {
  display: none;
  z-index: 1010;
  width: 843px;
  position: absolute;
  top: 130px;
  left: 80px;
  /*   padding:5px; */
}

#vi_header {
  width: 843px;
  height: 31px;
  padding-top: 10px;
  background-image: url(/tickets/img/layout/backgrounds/cv_header.png);
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  z-index: 1010;
}

#div_akt_vorteil {
  background-image: url(/tickets/img/layout/backgrounds/cv_bg.png);
  background-repeat: repeat-y;
  width: 843px;
  padding-left: 0px;
  padding-right: 0px;
  height: 642px;
  text-align: left;
  font-size: 13px;
  font-weight: normal;

  /*    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;	  */
}

#div_vi_footer {
  background-image: url(/tickets/img/layout/backgrounds/cv_footer.png);
  background-repeat: no-repeat;
  width: 843px;
  height: 28px;
}

/* button Vorteil Xschliessen... */
#VX {
  margin-right: 55px;
}
.akt_vort_inhalt {
  width: 720px;
  margin-left: 55px;
}
#div_akt_vorteil h1 {
  font-weight: bold;
  display: block;
}

.img_vorteil {
  width: 720px;
  height: 480px;
  margin-top: 30px;
  margin-bottom: 0px;
}

#div_VNAV {
  -webkit-border-top-right-radius: 14px;
  -moz-border-radius-topright: 14px;
  border-top-right-radius: 14px;
  -webkit-border-bottom-right-radius: 14px;
  -moz-border-radius-bottompright: 14px;
  border-bottom-right-radius: 14px;

  background-image: url(/tickets/img/layout/backgrounds/div_nav.png);
  background-repeat: repeat-y;
  background-color: #dfdfdf;

  float: right;
  padding-top: 15px;
  height: 550px;
  overflow: hidden;

  display: none;
  z-index: 1005;
  width: 240px;
  position: absolute;
  top: 175px;
  left: 905px;
  padding-left: 10px;
}

.mini_vimage {
  width: 73px;
  height: 55px;
  margin-left: 8px;
  margin-right: 8px;
  float: left;
}
.vnav_element {
  border-bottom: 1px dotted #c0c0c0;
  margin-bottom: 0px;
  width: 240px;
  height: 55px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 1100;
  font-size: 12px;
  text-transform: uppercase;
}

.vnav_element a:link {
  text-decoration: none;
  color: #444444;
}
.vnav_element a:visited {
  text-decoration: none;
  color: #444444;
}
.vnav_element a:hover {
  text-decoration: none;
  color: #ff003c;
}

.vaktiv {
  background-color: #fff;
  width: 280px;
  z-index: 1020;
  background-image: url(/tickets/img/layout/backgrounds/div_nav_shadow.png);
  background-repeat: no-repeat;
}
.vmo {
  background-image: url(/tickets/img/layout/backgrounds/div_nav_on.png);
  background-repeat: no-repeat;
  background-color: #fff;
}

#div_VNAV_NAV {
  display: none;
  width: 240px;
  height: 120px;
  position: absolute;
  top: 689px;
  left: 905px;
  padding-left: 10px;
  padding-top: 20px;
  z-index: 1009;
  -webkit-border-bottom-right-radius: 14px;
  -moz-border-radius-bottompright: 14px;
  border-bottom-right-radius: 14px;

  text-align: center;
  background-image: url(/tickets/img/layout/backgrounds/div_nav.png);
  background-repeat: repeat-y;
  background-color: #c0c0c0;
}

#div_VNAV_NAV_FOOTER {
  display: none;
  width: 260px;
  height: 15px;
  top: 675px;
  left: 757px;
  background-image: url(/tickets/img/layout/backgrounds/vnav_nav_footer.png);
  background-repeat: no-repeat;
  position: relative;
  z-index: 1008;
}

.vnav_button {
  margin-bottom: 0px;
  margin-top: 5px;
  border: 0px solid red;
}

.vshadow {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.6); /* WebKit */
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.6); /* Firefox */
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.6); /* Standard */

  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#000000');
}

#clubber_werden,
#vnav_clubber_werden {
  width: 201px;
  height: 55px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  font-size: 13px;
  padding-top: 45px;
  padding-left: 19px;
  float: right;
}

.cw_off {
  background-image: url(/tickets/img/layout/buttons/cwus_off-2019.png);
  background-repeat: no-repeat;
}
.cw_mo {
  background-image: url(/tickets/img/layout/buttons/cwus_mo-2019.png);
  background-repeat: no-repeat;
}

#text_clubber_werden {
  color: #ff003c;

  font-weight: bold;
  margin-left: 75px;
}
#text_und_sparen {
  font-weight: normal;
  color: black;
  float: right;
  margin-right: 22px;
}

#div_zurkasse_buttons {
  float: right;
  width: 285px;
  margin-top: 10px;
  margin-right: 70px;
  margin-left: 600px;
}
/* weiter u zurück auf Seite v3Kasse - deutlich mehr abstand nach rechts */
.kasse-buttons-bank {
  float: right;
  width: 285px;
  margin-top: 0px;
  margin-right: 312px;
}
/* eingebundener AGB-Hinweis u. Formular im letzten Schritt der Kassen-Seite */
.kasse-agb-hinweis {
  line-height: 18px;
  margin-top: 10px;
  margin-right: 70px;
  text-align: right;
}
/* Text-Info zur getrennten Lieferung */
.text-lieferhinweis {
  float: left;
  line-height: 18px;
  width: 965px;
}

/* clubmitglied werden ... */
#clubinfos {
  text-align: left;
  /*    margin-left: 145px; */
  width: 705px;
  border: none;
}

#clubinfos h2 {
  font-size: 14px;
  font-weight: bold;
  color: #6d6d6d;
}

#clubinfos .text_vorteil {
  color: #eb012e;
  font-weight: bold;
}
#clubinfos li {
  color: #959595;
  white-space: nowrap;
}

.termine {
  margin-top: -20px;
  margin-left: 135px;
  margin-bottom: 10px;
  display: none;
  font-weight: normal;
}

.termine a:link {
  font-weight: light;
  color: black;
}

.termine .ausverkauft a:link {
  color: black;
  font-weight: normal;
}

.termine .ausverkauft a:visited {
  color: black;
  font-weight: normal;
}
.termine .ausverkauft a:hover {
  color: black;
  font-weight: bold;
}

.termine .vorhanden a:link {
  color: black;
  font-weight: normal;
}
.termine .vorhanden a:visited {
  color: black;
  font-weight: normal;
}
.termine .vorhanden a:hover {
  font-weight: bold;
}

.termine .zurZeitkeineT a:link {
  color: black; /*    color: #cc6600; */
  font-weight: normal;
}
.termine .zurZeitkeineT a:visited {
  color: black;
  font-weight: normal;
}
.termine .zurZeitkeineT a:hover {
  color: black;
  font-weight: bold;
}

#text_fehler,
#adr_ktr_text_fehler,
#fehler_meldung {
  font-size: 14px;
  font-weight: bold;
  color: #6d6d6d;
  margin-right: 70px;
  display: none;
}

#erfolgs_meldung {
  font-size: 14px;
  font-weight: bold;
  color: #6d6d6d;
  margin: 5px 0px;
  display: none;
}

#agb_hinweis {
  line-height: 18px;
  margin-top: 3px;
  margin-bottom: 3px;
  /*    font-size:12px; */
}
#AGB {
  width: 700px;
}

#kontakt-kontakt {
  float: left;
  margin-right: 50px;
  width: 300px;
}
#kontakt-firma {
  width: 300px;
  float: right;
}

.div_kontakt {
  float: left;
  width: 300px;

  margin-right: 25px;
  margin-bottom: 40px;
}

.w925 {
  width: 925px;
}
.w950 {
  width: 950px;
}
.w975 {
  width: 975px;
}
.h10 {
  height: 10px;
}
.ml150 {
  margin-left: 150px;
}

a.navaktiv:link {
  color: #ff003c;
  text-decoration: none;
}

a.navaktiv:visited {
  color: #ff003c;
  text-decoration: none;
}

#div_mitglied_werden,
#weitere_mitglieder {
  display: none;
  margin-bottom: 20px;
}

#div_weitere_clubmitglieder {
  text-align: right;
  margin-right: 38px;
  margin-bottom: 10px;
}

.form_weitere_mitglieder {
  border: 0px solid blue;
}

/* info div mit bereits erteilten erm. f. weitere Clubmitglieder */
#div_weitere_cluberm {
  line-height: 20px;
}
#div_weitere_cluberm h2 {
  font-weight: bold;
}

#faqliste {
  border: none;
  font-size: 13px;
}

#faqliste ul {
  padding: 0px;
  margin: 0px;
  font-weight: bold;

  padding-left: 25px;
  padding-right: 25px;
  color: #009de2; /* NPF=TZ BLAU */
  color: #ed1c24; /* rote linkfarbe */
  color: #003154; /* dunkelblaue - Hauptnavi farbe */
  font-size: 13px;
  list-style-type: none;
}

#faqliste li {
  line-height: 30px;
  cursor: pointer;
}
.grau {
  background-color: #f3f3f3;
}

.li_text {
  color: #000;
  font-weight: normal;
  display: none;
  padding-top: 5px;
  padding-bottom: 13px;
  line-height: 18px;
  text-decoration: none;
}
.active0bs,
.aktiverLink {
  text-decoration: underline;
  color: #ed1c24; /* rote linkfarbe */
}

.flr {
  float: right;
}
.fll {
  float: left;
}

/* ClubMagazin-Seiten-kram*/
.cover-content {
  width: 380px;
}

.single-magazin {
  width: 173px;
  height: 260px;
  font-weight: bold;
  float: left;
  margin: 0px;
  margin-bottom: 80px;
}
.single-magazin img {
  margin-bottom: 5px;
}
.aktuelle-magazine {
  width: 1000px;
  margin-left: -25px;
  position: relative;
}

.ml {
  float: left;
  margin-left: 50px;
}
.mr {
  float: right;
  margin-right: 75px;
}

.mag-inhalt {
  position: relative;
  width: 205px;
  float: left;
}

.magurl {
  margin: 0px;
  padding: 0px;
}

.magli {
  margin: 0px;
  padding: 0px;
  margin-left: -20px;
  font-weight: normal;
  padding-left: -5px;
}

.aktuelle-magazine {
  background-image: url(/tickets/img/layout/backgrounds/aktuelle-magazine.jpg);
  background-repeat: repeat-x;
  height: 577px;
}

.aktuelle-magazine h1 {
  margin-left: 25px;
}

.img-akt {
  margin-left: 25px;
  float: left;
  position: relative;
}

.img-akt .lp-icon {
  z-index: 600;
  position: absolute;
  top: 210px;
  left: 98px;
}
.img-akt .aa-icon {
  z-index: 600;
  position: absolute;
  top: 210px;
  left: 79px;
}

.lock-icon {
  z-index: 600;
  position: absolute;
  margin-top: -145px;
  margin-left: -46px;
}

.aktueller-inhalt,
.leseprobe-inhalt {
  display: none;
  z-index: 600;
  position: absolute;
  margin-top: -191px;
  margin-left: 9px;
  color: white;
  background: black;
  width: 349px;
  height: 173px;
  opacity: 0.7;
}
.akt-text,
.lese-text {
  display: none;
  z-index: 605;
  position: absolute;
  margin-top: -192px;
  margin-left: 10px;
  padding: 15px;
  color: white;
  font-weight: bold;
  background: transparent;
  width: 333px;
  height: 173px;
}

.stores {
  float: right;
}
.googlest {
  background-image: url(/tickets/img/layout/backgrounds/app-stores.png);
  background-repeat: no-repeat;
  width: 142px;
  height: 66px;
}

.googlest img {
  float: right;
  margin-right: 9px;
  margin-top: 9px;
}

.applest {
  background-image: url(/tickets/img/layout/backgrounds/app-stores.png);
  background-repeat: no-repeat;
  width: 142px;
  height: 66px;
  margin-top: 5px;
}
.applest img {
  float: right;
  margin-right: 9px;
  margin-top: 9px;
}
/* etwas groesseres OK Icon*/
.ok_icon {
  float: right;
  width: 53px;
  height: 54px;
  margin-right: 10px;
  margin-bottom: 15px;
}

#f_telefon #text_fehler {
  font-size: 12px;
  margin-bottom: 5px;
  color: #ff003c;
}
#f_adresse #text_fehler {
  font-size: 12px;
  margin-bottom: 5px;
  color: #ff003c;
}
#f_passwort #text_fehler {
  font-size: 12px;
  margin-bottom: 5px;
  color: #ff003c;
}

#progressbar {
  width: 215px;
  height: 22px;
  display: block;
  border: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  margin: auto;
  margin-bottom: 5px;
  margin-top: 4px;
}

#progress {
  display: block;
  height: 22px;
  width: 0%;
}

.progressbarValid {
  background-color: green;
  background-image: -o-linear-gradient(-90deg, #8ad702 0%, #389100 100%);
  background-image: -moz-linear-gradient(-90deg, #8ad702 0%, #389100 100%);
  background-image: -webkit-linear-gradient(-90deg, #8ad702 0%, #389100 100%);
  background-image: -ms-linear-gradient(-90deg, #8ad702 0%, #389100 100%);
  background-image: linear-gradient(-90deg, #8ad702 0%, #389100 100%);
}

.progressbarInvalid {
  background-color: red;
  background-image: -o-linear-gradient(-90deg, #f94046 0%, #92080b 100%);
  background-image: -moz-linear-gradient(-90deg, #f94046 0%, #92080b 100%);
  background-image: -webkit-linear-gradient(-90deg, #f94046 0%, #92080b 100%);
  background-image: -ms-linear-gradient(-90deg, #f94046 0%, #92080b 100%);
  background-image: linear-gradient(-90deg, #f94046 0%, #92080b 100%);
}

/* style="text-align: left; margin-left: 500px; font-size:12px; float:left;" */
.versandart-auswahl {
  text-align: right;
  float: right;
}
.lvart {
  width: 135px;
  cursor: pointer;
  margin: 0px;
  margin-right: 5px;
}
.radio-vart {
  margin: 3px;
}

#hinweis-text {
  float: right;
}
.trenner {
  clear: both;
}
/* vrkarte und clubkarte */
.karten {
  float: right;
  top: -90px;
  position: relative;
  margin-right: -65px;
  height: 210px;
}

#agb_hinweis label {
  text-align: left;
  line-height: 24px;
  font-weight: normal;
  cursor: pointer;
}

#agb_hinweis td {
  width: 20px;
  text-align: right;
  line-height: 24px;
}

#agb_hinweis input {
  width: 14px;
  height: 14px;
  margin: 0px;
  margin-top: 6px;
  padding: 0px;
}

.kasse-agb-hinweis {
  float: right;
  margin: 0px;
  margin-right: 35px;
}

.kasse-agb-hinweis label {
  width: 195px;
}

.anmeldung-agb-hinweis label {
  width: 295px;
  font-size: 14px;
  cursor: pointer;
}

.flr {
  float: right;
}

.w120 {
  width: 120px;
}
.nobor {
  border: none;
}

/* farben f. links in artikel_div aus aus artikel div herausgenommen damit die Buttons weiter korrekte Farben haben*/

a.black_red:link {
  color: black;
  text-decoration: none;
}

a.black_red:hover {
  color: #ff003c;
}

a.black_red:visited {
  color: black;
}

.selectedGutschein {
  border: 2px solid #ff003c;
}

#captcha_image {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
}

#captcha_image_audio_controls {
  margin-top: 15px;
}
/* kasse 1*/
.CAPTCHA_ANZEIGE,
.GUTSCHEIN_UND_RE_BETRAG,
.GUTSCHEIN_FEHLER {
  display: none;
}

#AbrechnungsInfoGutscheine {
  margin-right: 60px;
  padding-bottom: 5px;
  display: none;
}

.font-bold {
  font-weight: bold;
}

.navig_text {
  padding-top: 7px;
  padding-left: 5px;
  margin: 0;
}

.anmbut {
  float: left;
  /* position: relative; */
  width: 130px;
}

.wkbut {
  float: left;
  /* position: relative; */
  width: 150px;
}

.red1 {
  color: #ff003c;
}

.svg {
  fill: currentColor;
}

.svg-icon {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 2px;
  margin-top: -4px; /* bei 40 -4*/
}

.svg-icon-32 {
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 2px;
  margin-top: 0px; /* bei 40 -4*/
}

.svg-icon-wk {
  width: 32px;
  height: 32px;
  float: left;
  margin-left: 8px;
  margin-right: 2px;
  margin-top: 2px;
}
.svg-icon-24 {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 2px;
  margin-top: -4px;
}
/*
.svg-icon-active {
    color: #ffffff;
    width: 32px;
    height:32px;
    float:left;
    margin-right: 5px;
}
*/
.svg_buttons {
  height: 40px;
  width: 600px;

  white-space: nowrap;
  padding-top: 10px;
  margin-right: 0px;
  margin-left: 500px;
  font-size: 15px;
  font-family: Arial; /* TheMix */
  font-weight: 700;
}

.wkbut a:link {
  text-decoration: none;
}
.wkbut a:hover {
  text-decoration: underline;
  color: #ff003c;
}

.anmbut a:link {
  text-decoration: none;
}

.anmbut a:hover {
  text-decoration: underline;
  color: #ff003c;
}

.red1 a:link {
  color: #ff003c;
}

.red1 a:hover {
  color: #ffffff;
}

.svg-icon a:hover {
  color: white;
  border: 1px solid green;
}

.anmbut a:link {
  text-decoration: none;
}
.anmbut a:hover {
  text-decoration: underline;
}

.active_nav {
  color: white;
  border: 1px solid green;
}