/*

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: 50px;
    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.70;
}
.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;
}