
* {
 margin: 0;
 padding: 0;
 outline: none;
 border: none;
 list-style: none;
}

html {
 overflow-y: scroll;
}

html, body {
 margin: 0;
 padding: 0;
 height: 100%;
}

body {
 background-image: url("../img/body_bg.jpg");
 background-position: center top;
}

.clear {
 clear: both;
}

.red {
 color: #ff00fd;
}

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

#globalWrapper {
 height: 906px;
 min-height: 100%;
 position: relative;
}

* html #globalWrapper {
 height: 100%;
}

#globalWrapper #mainWrapper {
 position: absolute;
 height: 856px; /* 766 */
 width: 816px; /* 766 */
 top: 0;
 left: 50%;
 margin: 0 0 0 -450px;
 padding: 0 0 50px 0;
}

#globalWrapper #mainFooter {
 position: absolute;
 left: 50%;
 bottom: 0;
 height: 50px;
 width: 574px; 
 margin: 0 0 0 -287px;
 background-image: url("../img/footer_bg.png");
 background-position: left top;
 background-repeat: no-repeat;
}

#mainFooter p {
 font-family: arial, verdana, sans-serif;
 font-size: 12px;
 text-align: center;
 color: #3a0039;
 padding: 8px 0 0 0;
}

#mainFooter p a {
 font-family: arial, verdana, sans-serif;
 font-size: 12px;
 color: #3a0039;
 text-decoration: none;
}

#mainFooter p a:hover {
 color: #ffffff;
}

.menuContainer {
 width: 240px; /* 250 */
 height: 233px; /* 250 */
 padding: 17px 0 0 10px;
 background-image: url("../img/menu_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
}

.menuContainer ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.menuContainer ul li {
 list-style: none;
 margin: 0;
 padding: 0;
}

.menuContainer ul li a {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 width: 190px;
 height: 23px;
 margin: 0 0 9px 0;
 overflow: hidden;
 white-space: nowrap;
 background-position: left 0;
 background-repeat: no-repeat;
}

.menuContainer ul li a:hover, .menuContainer ul li a.aktiv {
 background-position: left -23px;
}

.menuContainer ul li a span {
 position: absolute;
 display: block;
 left: -999em;
}

.menuContainer ul li a#menu_01 { background-image: url("../img/menu_01.jpg"); }
.menuContainer ul li a#menu_02 { background-image: url("../img/menu_02.jpg"); }
.menuContainer ul li a#menu_03 { background-image: url("../img/menu_03.jpg"); }
.menuContainer ul li a#menu_04 { background-image: url("../img/menu_04_NEW.jpg"); }
.menuContainer ul li a#menu_05 { background-image: url("../img/menu_05.jpg"); }
.menuContainer ul li a#menu_06 { background-image: url("../img/menu_06.jpg"); }
.menuContainer ul li a#menu_07 { background-image: url("../img/menu_07.jpg"); }






.fadeImage {
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
}

#highlight {
 position: absolute;
 z-index: 11;
 top: 276px;
 left: 789px;
 height: 264px;
 width: 264px;
 text-align: center;
}

#highlight .fadeImage {
 height: 264px;
 width: 264px;
 text-align: center; 
}

/* STYLE 1 - DATES | OVERLAY */
.box_style1_left {
 position: absolute;
 z-index: 11;
 top: 275px;
 left: 25px;
 background-image: url("../img/box_style1_left_bg.jpg");
 width: 250px; /* 258 */
 height: 250px; /* 266 */
 padding: 8px 0 8px 8px;
}

/*
.box_style1_logo {
 position: absolute;
 z-index: 20;
 top: 275px;
 left: 783px;
 width: 250px;
 height: 220px;
 padding: 30px 0 0 0;
 text-align: center;
}
*/
.box_style1_logo {
 position: absolute;
 z-index: 20;
 top: 25px;
 left: 25px;
 width: 250px;
 height: 235px;
 padding: 15px 0 0 0;
 text-align: center;
}

.box_style1_container {
 position: absolute;
 z-index: 9; 
 top: 25px;
 left: 275px;
 background-image: url("../img/box_style1_container_bg.jpg");
 width: 250px; /* 266 */
 height: 750px; /* 766 */
 padding: 8px;
}

.box_style1_right {
 position: absolute;
 z-index: 11;
 top: 275px;
 left: 533px;
 background-image: url("../img/box_style2_right_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
 width: 283px; /* 258 + 25 (spacer right ) = 283 */
 height: 258px; /* 266 */
 padding: 8px 0 0 0;
}

.box_style1_left .menuSplash {
 position: absolute;
 z-index: 15;
 top: 33px;
 right: 17px;
 width: 421px;
 height: 422px;
 background-image: url("../img/menu_splash.png");
 background-position: left top;
 background-repeat: no-repeat;
}

* html .box_style1_left .menuSplash {
 background-image: url("../img/menu_splash.gif");
}

.box_style1_left .menuContainer {
 position: absolute;
 z-index: 20;
 top: 8px;
 left: 8px;
}

.box_style1_container #homeTop {
 position: relative;
 background-image: url("../img/home_top_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
 height: 250px;
 width: 250px;
}

.box_style1_container #homeTop p {
 position: absolute;
 width: 250px;
 bottom: 10px;
 text-align: center;
 font-family: verdana, arial, sans-serif;
 color: #a7a7a7;
 font-size: 11px;
 line-height: 14px;
}

.box_style1_container #home_datePreviewImage {
 height: 250px;
 width: 250px;
}

.box_style1_right #home_datePreviewInfo {
 position: relative;
 background-image: url("../img/home_datesPreview_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
 height: 210px; /* 250 */
 width: 220px; /* 250 */
 padding: 20px 15px;
}

.box_style1_container #homeNL {
 position: relative;
 background-image: url("../img/home_nl_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
 height: 250px;
 width: 250px;
}

#homeNL a#viewdates_btn {
 position: absolute;
 top: 25px;
 left: 10px;
 display: block;
 background-image: url("../img/dates_btn.jpg");
 background-position: left 0;
 background-repeat: no-repeat;
 height: 33px;
 width: 228px;
 overflow: hidden;
}

#homeNL a#viewdates_btn:hover {
 background-position: left -33px;
}

#homeNL a#viewdates_btn span {
 position: absolute;
 display: block;
 left: -999em;
}

#homeNL #nl_btn {
 position: absolute;
 top: 70px;
 left: 10px;
}

#homeNL #nlInputs {
 position: absolute;
 top: 115px;
 left: 20px;
 width: 200px;
}

#homeNL #nlInputs p {
 font-family: verdana, arial, sans-serif;
 color: #FFF;
 font-size: 12px;
 line-height: 16px;
 text-align: center;
}

#homeNL #nlInputs .nl_input {
 background-position: left top;
 background-repeat: no-repeat;
 width: 193px; /* 207 */
 height: 23px; /* 24 */
 padding: 1px 4px 0 10px;
 border: 0;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #000000;
 line-height: 14px;
 overflow: hidden;
 white-space: nowrap;
}

#homeNL #nlInputs #nl_input_01 {
 background-image: url("../img/nl_input_1_bg.jpg");
 margin: 0 0 9px 0;
}

#homeNL #nlInputs #nl_input_02 {
 background-image: url("../img/nl_input_2_bg.jpg");
 margin: 0 0 8px 0;
}

#homeNL #nlInputs #nl_input_03 {
 background-image: url("../img/nl_input_3_bg.jpg");
 margin: 0 0 8px 0;
}

#homeNL #nlInputs #nl_submit {
 position: absolute;
 top: 96px;
 left: 86px;
}



/* STYLE 1 - DATES | OVERLAY */













/* STYLE 2 - DATES | OVERLAY */
.box_style2_left {
 position: absolute;
 z-index: 11;
 top: 25px;
 left: 25px;
 background-image: url("../img/box_style2_left_bg.jpg");
 width: 250px; /* 258 */
 height: 250px; /* 266 */
 padding: 8px 0 8px 8px;
}

.box_style2_logo {
 position: absolute;
 z-index: 20;
 top: 290px;
 left: 25px;
 width: 250px;
 height: 230px;
 padding: 20px 0 0 0;
}

.box_style2_logo a,
.box_style1_logo a,
.box_style3_right a {
 display: block;
 width: 124px;
 margin: 0 auto;
 background-position: left 0px;
 background-repeat: no-repeat;
 text-decoration: none;
}

.box_style3_logo {
 padding-top: 18px;
}

.box_style3_logo a {
 margin: 0 0 0 55px;
}

a#logo_funky {
 background-image: url("../img/logo_funky.png");
 height: 66px;
}

a#logo_city {
 margin-top: -10px;
 background-image: url("../img/logo_city.png");
 height: 48px;
}

a#logo_myspace {
 background-image: url("../img/logo_myspace.png");
 height: 34px;
}

a#logo_facebook {
 margin-top: 14px;
 background-image: url("../img/logo_facebook.png");
 height: 24px;
}



.box_style2_container {
 position: absolute;
 z-index: 9; 
 top: 25px;
 left: 275px;
 background-image: url("../img/box_style2_container_bg.jpg");
 width: 516px;
 height: 766px;
}

p#datesNr {
 position: absolute;
 z-index: 11;
 top: 800px;
 left: 284px;
 width: 500px;
 padding: 0;
 font-family: verdana, arial, sans-serif;
 font-size: 16px;
 font-style: italic;
 color: #343434;
 line-height: 20px;
 text-align: center;
}

.box_style2_right {
 position: absolute;
 z-index: 11;
 top: 275px;
 left: 783px;
 background-image: url("../img/box_style2_right_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
 width: 283px; /* 258 + 25 (spacer right ) = 283 */
 height: 258px; /* 266 */
 padding: 8px 0 0 0;
}

.datesMove_empty {
 background-image: url("../img/box_style2_right_empty_bg.jpg") !important;
}

.box_style2_left .menuSplash {
 position: absolute;
 z-index: 15;
 top: 33px;
 right: 17px;
 width: 421px;
 height: 422px;
 background-image: url("../img/menu_splash.png");
 background-position: left top;
 background-repeat: no-repeat;
}

* html .box_style2_left .menuSplash {
 background-image: url("../img/menu_splash.gif");
}

.box_style2_left .menuContainer {
 position: absolute;
 z-index: 20;
 top: 8px;
 left: 8px;
}

.box_style2_container #datesContainer {
 position: absolute;
 left: 8px;
 top: 8px;
 width: 500px;
 height: 750px;
 overflow: hidden;
}

#datesContainer #datesListMove {
 position: absolute;
 top: 0;
 left: 0;
 width: 500px;
}


.datesList {
 width: 500px;
 height: 250px;
 background-position: left top;
 background-repeat: no-repeat;
 overflow: hidden;
}

.list_01 { background-image: url("../img/dates_list_03_bg.jpg"); }
.list_02 { background-image: url("../img/dates_list_01_bg.jpg"); }
.list_03 { background-image: url("../img/dates_list_02_bg.jpg"); }

.datesList .image {
 float: left;
 width: 250px;
 height: 250px;
 background-position: left top;
 background-repeat: no-repeat;
}

.datesList .image a {
 display: block;
 width: 250px;
 height: 250px;
 text-decoration: none;
}

/*
.list_02 .image, .list_04 .image {
 float: right !important;
}
*/

.datesList .details {
 position: relative;
 float: left;
 width: 220px; /* 250 */
 height: 210px; /* 250 */
 padding: 20px 15px;
}

.datesList .details h1, 
#home_datePreviewInfo h1 {
 font-family: verdana, arial, sans-serif;
 font-size: 14px;
 line-height: 19px;
 color: #FFF;
 font-weight: bold;
 padding: 0 0 3px 0;
}

.datesList .details h1 a, 
#home_datePreviewInfo h1 a {
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
}

#home_datePreviewInfo h1.title,
.datesList .details h1.title {
 padding: 0 0 5px 0;
}

#home_datePreviewInfo h1.title,
.datesList .details h1.title,
#home_datePreviewInfo h1.title a,
.datesList .details h1.title a {
 font-size: 16px;
 color: #FF00D2;
 font-weight: bold;
}



.datesList .details .location, .datesList .details .time,
#home_datePreviewInfo .location, #home_datePreviewInfo .time {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 line-height: 16px;
 color: #FFF;
 font-weight: normal;
}

.datesList .details .lineup_headline,
#home_datePreviewInfo .lineup_headline {
 font-family: arial;
 font-size: 13px;
 line-height: 16px;
 color: #8f8f8f;
 font-weight: normal;
 padding: 10px 0 2px 0;
}

.datesList .details .lineup,
#home_datePreviewInfo .lineup {
 font-family: arial;
 font-size: 13px;
 line-height: 19px;
 color: #FFF;
 font-weight: normal;
}

.datesList .details .moreinfos,
#home_datePreviewInfo .moreinfos {
 position: absolute;
 bottom: 6px;
 right: 15px;
}

.datesList .details .moreinfos a,
#home_datePreviewInfo .moreinfos a {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #A7A7A7;
 font-weight: normal;
 text-decoration: none;
}

.datesList .details .moreinfos a:hover,
#home_datePreviewInfo .moreinfos a:hover {
 color: #FFFFFF;
}

.datesList .details .moreinfos a img,
#home_datePreviewInfo .moreinfos a img {
 margin: 0 4px 0 0;
}



div.box_style2_right div#datesMoveBTN {
 position: relative;
 width: 255px;
 height: 222px; /* 250 */
 padding: 14px 0;
}

div.box_style2_right div#datesMoveBTN a.datesBTN {
 display: block;
 width: 114px;
 height: 32px;
 overflow: hidden;
 background-position: left 0px;
 background-repeat: no-repeat;
 text-decoration: none;
 cursor: pointer;
 margin: 0 auto;
}

div.box_style2_right div#datesMoveBTN a.datesBTN:hover {
 background-position: left -32px;
}

div.box_style2_right div#datesMoveBTN a.disabled {
 background-position: left 0 !important;
 cursor: default !important;
}

div.box_style2_right div#datesMoveBTN a.end {
 background-position: left -100px !important;
 cursor: default !important;
}

div.box_style2_right div#datesMoveBTN a#datesBTN_top {
 background-image: url("../img/dates_btn_top.png");
}

div.box_style2_right div#datesMoveBTN a#datesBTN_bottom {
 background-image: url("../img/dates_btn_bottom.png");
}

div.box_style2_right div#datesMoveBTN div#datesNr_spacer {
 height: 158px;
}



#datesContainer #datesLoading {
 position: absolute;
 z-index: 50;
 top: 50%;
 left: 50%;
 width: 160px;
 height: 90px; /* 160 */
 padding: 70px 0 0 0;
 margin: -80px 0 0 -80px;
 background-image: url("../img/datesList_move_bg.png"); 
}

#datesContainer #datesLoading p {
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 text-align: center;
 color: #ccc;
}

#datesContainer #datesDetail {
 position: absolute;
 z-index: 100;
 top: 0;
 left: 0;
 width: 500px;
 height: 750px;
 background-image: url("../img/datesDetail_bg.png");  
}

#datesDetail a#BTN_vvk {
 position: absolute;
 z-index: 101;
 top: 0px;
 right: 32px;
 width: 169px;
 height: 66px;
 background-image: url("../img/vvk.png");
 background-repeat: no-repeat;
 background-position: left 0px;
 text-decoration: none;
}

#datesDetail a#datesClose {
 position: absolute;
 z-index: 101;
 top: 10px;
 right: 12px;
 width: 14px;
 height: 10px;
 background-image: url("../img/datesClose_btn.png");
 background-repeat: no-repeat;
 background-position: left 0px;
 text-decoration: none;
}

#datesDetail a#datesClose:hover {
 background-position: left -10px;
}

#datesDetail #detailsHead {
 height: 85px;
 width: 485px;
 padding: 0 15px 0 0;
 overflow: hidden;
}

#datesDetail #detailsMove_container {
 position: relative;
 height: 660px;
 width: 500px;
 overflow: hidden;
}

#detailsMove_container #moveTrack {  
 position: absolute;  
 top: 0;  
 right: 0;  
 height: 100%;  
 width: 17px;  
 background-color: transparent;  
 background-image: url("../img/scroll_bar_bg.gif");
 background-position: left top;
 background-repeat: repeat-y;
 cursor: default;  
} 
  
#detailsMove_container #moveTrack #moveTrack_handle {  
 width: 7px;  
 height: 126px;
 cursor: n-resize;  
 background-image: url("../img/scroll_handle.jpg");
 background-position: left top;
 background-repeat: no-repeat;
} 
  
#detailsMove_container #moveContent {  
 overflow: hidden;  
 width: 483px;  
 height: 650px;  
}

.box_style2_left .datesImageContainer {
 position: absolute;
 top: 8px;
 left: 8px;
 z-index: 20;
 width: 250px; /* 250 */
 height: 240px; /* 250 */
 padding: 10px 0 0 0;
 text-align: center;
 background-image: url("../img/datesImage_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
}

#datesDetail h2 {
 font-family: verdana, arial, sans-serif;
 color: #ff00d2;
 font-size: 19px;
 line-height: 24px;
 font-weight: normal;
 padding: 15px 15px 0 15px;
 margin: 0;
 white-space: nowrap;
 overflow: hidden;
}

#datesDetail h1 {
 font-family: verdana, arial, sans-serif;
 color: #ffffff;
 font-size: 22px;
 line-height: 24px;
 font-weight: bold;
 padding: 5px 15px 0 15px;
 margin: 0;
 white-space: nowrap;
 overflow: hidden;
}

#datesDetail p.info {
 font-family: verdana, arial, sans-serif;
 color: #ffffff;
 font-size: 10px;
 line-height: 17px;
 font-weight: normal;
 padding: 0 15px 15px 15px;
 margin: 0;
}

#datesDetail p.info a {
 color: #FF00D2;
 text-decoration: none;
}

#datesDetail p.lineup {
 font-family: verdana, arial, sans-serif;
 color: #ffffff;
 font-size: 14px;
 line-height: 22px;
 font-weight: normal;
 padding: 0 15px 0 15px;
 margin: 0;
}

#datesDetail p.lineup a {
 font-family: verdana, arial, sans-serif;
 color: #ffffff;
 font-size: 14px;
 font-weight: normal;
 text-decoration: none;
}

#datesDetail p.lineup a:hover {
 color: #ff00d2;
}

#datesFade_container {
 position: relative;
 width: 250px;
 height: 250px;
 background-image: url("../img/datesFade_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
}

#datesFade_container .fadeImage {
 width: 250px;
 height: 250px;
 background-position: center center;
 background-repeat: no-repeat;
}

#datesFade_container .active {
 z-index: 10;
}

#noDates {
 font-size: 12px;
 font-family: verdana, arial, sans-serif;
 font-weight: bold;
 text-align: center;
 padding: 365px 0 0 0;
}



/* STYLE 2 - DATES | OVERLAY */


/* STYLE 3 */

.box_style3_container {
 position: absolute;
 z-index: 9; 
 top: 25px;
 left: 275px;
 background-image: url("../img/box_style3_container_bg.gif");
 background-position: left top;
 background-repeat: no-repeat;
 padding: 8px;
 width: 500px; /* 516 */
 height: 750px; /* 766 */
}

.box_style3_right {
 position: absolute;
 z-index: 11;
 top: 275px;
 left: 783px;
 background-image: url("../img/box_style3_right_bg.png");
 background-position: -1px top;
 background-repeat: no-repeat;
 width: 283px; /* 258 + 25 (spacer right ) = 283 */
 height: 260px; /* 266 */
 padding: 8px 0 0 0;
}

.box_style3_container .venueBox {
 float: left;
 width: 250px;
 height: 250px;
}

.box_style3_container .lastVenueBox {
 float: right;
}

.box_style3_container .ticketBox {
 width: 500px;
 height: 250px;
 background-position: left top;
 background-repeat: no-repeat;
}

.box_style3_container #ticketContainer_01 {
 background-image: url("../img/ticket_01_bg.jpg");
 padding: 105px 0 0 20px;
 height: 145px; /* 250 */
 width: 480px; /* 500*/
 overflow: hidden;
}

.box_style3_container #ticketContainer_01 p {
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 line-height: 18px;
 color: #ffffff;
}

.box_style3_container #ticketContainer_02 {
 background-image: url("../img/ticket_02_bg.jpg");
 height: 215px;
 padding: 35px 0 0 0;
}

.ticketBox p.ticketInfo {
 font-family: verdana, arial, sans-serif;
 font-size: 15px;
 line-height: 20px;
 color: #eeeeee;
 padding: 0 0 0 20px;
}

#ticketContainer_02 p {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 line-height: 16px;
 color: #ffffff;
 padding: 0 0 10px 20px;
 font-style: normal;
}

#ticketContainer_02 p a {
 font-family: verdana, arial, sans-serif;
 font-size: 11px;
 color: #ffffff;
 font-style: normal;
 text-decoration: none;
}

#ticketContainer_02 p a:hover {
 color: #ff00d2;
}


.box_style3_container .contactBox {
 width: 500px;
 height: 250px;
 background-image: url("../img/contact_bg.jpg");
 background-position: left top;
 background-repeat: no-repeat;
}

.box_style3_container .lastContactBox {
 width: 250px;
 height: 250px;
 float: right;
}

.contactBox h2 {
 font-family: verdana, arial, sans-serif;
 color: #ff00d2;
 font-size: 19px;
 line-height: 24px;
 font-weight: normal;
 padding: 15px 15px 20px 15px;
 margin: 0;
 white-space: nowrap;
 overflow: hidden;
}

.contactBox p {
 color: #FFFFFF;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 line-height: 17px; 
 padding: 0 0 8px 15px; 
}

.contactBox p a {
 color: #8f8f8f;
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 text-decoration: none;
}

.contactBox p a:hover {
 color: #ffffff;
}


/* STYLE 3 */


#moveContent p {
 color: #FFFFFF;
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 line-height: 19px; 
 padding: 0 0 5px 15px; 
}

p.friends {
 padding: 0 0 20px 15px !important;
}

p.friends a {
 color: #ffffff;
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 line-height: 19px;
 text-decoration: none;
}

p.friends a:hover {
 color: #ff00d2;
}
