* { margin:0; padding:0;} body { background:#000; font-size:100%; line-height:1em; font-family:Arial; color:#adc1c9; text-align:center; padding-top:30px} /*in_line*/ input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#adc1c9; font-weight:normal; font-size:1em; border:solid 1px #adc1c9; padding-left:5px; background:none} img {border:0; vertical-align:top; text-align:left;} ul { list-style:none;} a {text-decoration:underline; color:#fff} a:hover {text-decoration:none} p {margin:0 0 18px 0} #main {margin:0 auto; width:940px; text-align:left;} #countdown {margin:0 auto; width:766px; height:18px; text-align:right;} #counter .textfield{margin-top:1px; width:305px; height:16px; float: right; font-family: Tahoma; font-size: 12px; vertical-align: top; text-decoration: none; border:0px solid #ADADA1; color:#617077;} #page1 .countdowntext {width:100px; height:18px; float: right; text-align:right; font-size:12px; font-family:Verdana,Arial; color:#ee1c24;} /*footer*/ #footer {margin-top:10px; height:52px; font-size:12px; font-family:Verdana,Arial; color:#617077;} #footer a{text-decoration:none; color:#617077;} #footer img {margin-top:4px} /*================== starst ==================*/ #page1 .sttop {width:940px; height:395px} #page1 .stline {width:940px; height:126px} #page1 .stlineleft {width:500px; height:126px; float: left;} #page1 .stlineleft img {margin-left:60px; margin-top:95px;} #page1 .stlineright {width:440px; height:126px; float: left;} #page1 .stlineright img {margin-left:18px; margin-top:70px;} #page1 .stlinks {width:940px; height:83px} #page1 .stlinks img {margin-top:25px; margin-left:10px; margin-bottom:25px} #page1 .stbreakingnews {width:940px; height:35px;} #page1 .stbreakingn {width:645px; height:15px; padding:8px 10px 10px 10px;} #page1 .stbreakingnleft {margin-top:1px; width:148px; height:15px; float: left; font-weight: bold; font-size:14px; font-family:Verdana,Arial; color:#fffcfc;} #page1 .stbreakingntext {margin-top:1px; margin-left:3px; width:492px; height:15px; float: left; font-weight: bold; font-size:13px; font-family:Verdana,Arial; color:#596e77;} #page1 .laufschrift a{color:#596e77; text-decoration:none;} #page1 .laufschrift a:hover{color:#fffcfc; text-decoration:none;} #page1 .stnews {width:600px; height:126px; margin-top:15px; margin-left:23px; margin-bottom:10px; } /*================== page1 ==================*/ #page1 .mainrackm {background:url(../images/bg_m.jpg) no-repeat 0 0; width:940px; height:780px} #page1 .mainrackdj {background:url(../images/bg_dj.jpg) no-repeat 0 0; width:940px; height:780px} #page1 .mainracks {background:url(../images/bg_s.jpg) no-repeat 0 0; width:940px; height:765px} #page1 .mainrackempty {background:url(../images/bg_empty.jpg) no-repeat 0 0; width:940px; height:765px} #page1 .toplogo {width:940px; height:90px} #page1 .welcome {width:500px; height:90px; float: left;} #page1 .newsletter {width:440px; height:90px; float: left; padding-top:30px;} #page1 .menu {margin-left:30px; width:940px; height:30px} #page1 .maincontent {width:766px; height:270px;} #page1 .maincont1 {margin-top:15px; margin-left:45px; background:url(../images/bg_content1.png) no-repeat 0 0; width:528px; height:244px; } #page1 .maincont1h {width:528px; height:45px; background:url(../images/newsline_.png) no-repeat 0 0; font-size:25px; line-height:30px; font-family:Tahoma, Verdana,Arial; color:#fffefe; font-weight: normal; padding-top:13px; padding-left:20px; } #page1 .maintextbold {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#fffefe; font-weight: bold; padding-left:20px; padding-top:15px; } #page1 .maintext {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:20px; padding-right:20px; padding-top:5px; line-height:17px;} #page1 .mainlink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fdfefe; line-height:18px; padding-left:20px; } #page1 .maincontent31 {width:766px; height:425px;} #page1 .maincont31 {margin-top:15px; margin-left:45px; background:url(../images/bg_content4.png) no-repeat 0 0; width:568px; height:419px; } #page1 .maincont31h {width:568px; height:45px; background:url(../images/newsline_.png) no-repeat 0 0; font-size:25px; line-height:30px; font-family:Tahoma, Verdana,Arial; color:#fffefe; font-weight: normal; padding-top:13px; padding-left:20px; } #page1 .maintext31u {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:20px; padding-right:20px; padding-top:15px; line-height:17px;} #page1 .maintext31 {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:20px; padding-right:20px; padding-top:5px; line-height:17px;} #page1 .maintext311 {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:20px; padding-right:20px; padding-top:15px; line-height:17px;} #page1 .mainlink31 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fdfefe; line-height:18px; padding-left:20px; } #page1 .maincontent51 {width:630; height:430px; float:left;} #page1 .maincont51 {margin-top:15px; margin-left:25px; background:url(../images/bg_content3_press.png) no-repeat 0 0; width:629px; height:418px; } #page1 .maincont51h {width:568px; height:45px; font-size:25px; line-height:30px; font-family:Tahoma, Verdana,Arial; color:#fffefe; font-weight: normal; padding-top:13px; padding-left:20px; } #page1 .maintext51u {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:20px; padding-right:20px; padding-top:15px; line-height:17px;} #page1 .maintext51 {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:20px; padding-right:20px; padding-top:5px; line-height:17px;} #page1 .maintext511 {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:20px; padding-right:20px; padding-top:15px; line-height:17px;} #page1 .mainlink51 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fdfefe; line-height:18px; padding-left:20px; } #page1 .maintext51w {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#fffefe; padding-left:20px;} #page1 .maincontent52 {width:255; height:430px; float:left; } #page1 .maincont52 {margin-top:15px; margin-left:15px; background:url(../images/bg_content4_press.png) no-repeat 0 0; width:250px; height:418px; } #page1 .maintext52 {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:50px; padding-right:20px; padding-top:35px; line-height:17px;} #page1 .maintext522 {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:50px; padding-right:20px; padding-top:20px; line-height:17px;} #page1 .maincontent11 {width:766px; height:200px;} #page1 .maincont11 {margin-top:15px; margin-left:45px; background:url(../images/bg_content2.png) no-repeat 0 0; width:528px; height:185px; } #page1 .maincont11h {width:528px; height:45px; background:url(../images/newsline_.png) no-repeat 0 0; font-size:25px; line-height:30px; font-family:Tahoma, Verdana,Arial; color:#fffefe; font-weight: normal; padding-top:13px; padding-left:20px; } #page1 .mainpressarea11 {width:766px; height:200px;} #page1 .mainpress11 {margin-top:15px; margin-left:45px; background:url(../images/bg_content3_press.png) no-repeat 0 0; width:629px; height:418px; } #page1 .mainpress11h {width:528px; height:45px; background:url(../images/newsline_.png) no-repeat 0 0; font-size:25px; line-height:30px; font-family:Tahoma, Verdana,Arial; color:#fffefe; font-weight: normal; padding-top:13px; padding-left:20px; } #page1 .vivatracklists {width:610px; height:225px; padding-left:65px;} #page1 .vivatracklistsu {width:200px; height:35px; background:url(../images/u_tracklists.png) no-repeat 0 0;} #page1 .vivatrackliststextbold {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#fffefe; font-weight: bold; padding-left:40px; padding-top:0px; } #page1 .vivatrackliststext {font-size:10px; font-family:Verdana,Tahoma,Arial; color:#fdfefe; font-weight: normal; padding-left:40px; padding-right:20px; padding-top:0px; line-height:14px;} #page1 .vivatracklistslink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#cfd9db; line-height:18px; padding-left:40px; } #page1 .charts {width:510px; height:155px; padding-left:65px;} #page1 .chartsu {width:200px; height:35px; background:url(../images/u_charts.png) no-repeat 0 0;} #page1 .chartstextbold {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#fffefe; font-weight: bold; padding-left:40px; padding-top:0px; } #page1 .chartstext {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:40px; padding-right:20px; padding-top:5px; line-height:18px;} #page1 .chartslink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fdfefe; line-height:18px; padding-left:40px; } #page1 .nextgig {width:510px; height:155px; padding-left:65px;} #page1 .nextgigu {width:200px; height:35px; background:url(../images/u_nextgigs.png) no-repeat 0 0;} #page1 .nextgigtextbold {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#fffefe; font-weight: bold; padding-left:40px; padding-top:0px; } #page1 .nextgigtext {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#cfd9db; font-weight: normal; padding-left:40px; padding-right:20px; padding-top:5px; line-height:18px;} #page1 .nextgiglink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fdfefe; line-height:18px; padding-left:40px; } #page1 .tracklists {width:510px; height:155px; padding-left:65px;} #page1 .tracklistsu {width:200px; height:35px; background:url(../images/u_tracklists.png) no-repeat 0 0;} #page1 .trackliststextbold {font-size:14px; font-family:Verdana,Tahoma,Arial; color:#fffefe; font-weight: bold; padding-left:40px; padding-top:0px; } #page1 .trackliststext {font-size:12px; font-family:Verdana,Tahoma,Arial; color:#fdfefe; font-weight: normal; padding-left:40px; padding-right:20px; padding-top:5px; line-height:18px;} #page1 .tracklistslink {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#cfd9db; line-height:18px; padding-left:40px; } #page1 .line {width:940px; height:126px} #page1 .lineleft {background:url(../images/line_left.jpg) no-repeat 0 0; width:591px; height:126px; float: left;} #page1 .linebarnews {background:url(../images/linebar_news.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebardates {background:url(../images/linebar_dates.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebarcharts {background:url(../images/linebar_charts.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebarmusic {background:url(../images/linebar_music.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebarmedia {background:url(../images/linebar_media.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebarradioshow {background:url(../images/linebar_radioshow.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebarabout {background:url(../images/linebar_about.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebarshop {background:url(../images/linebar_shop.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .linebarcontact {background:url(../images/linebar_contact.jpg) no-repeat 0 0; width:16px; height:126px; float: left;} #page1 .lineinfo {margin-top:20px; margin-left:45px;} #page1 .lineinfo img{margin-right:25px;} #page1 .linerighthome {background:url(../images/line_home.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightdates {background:url(../images/line_dates.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightcharts {background:url(../images/line_charts.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightmusic {background:url(../images/line_music.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightmedia {background:url(../images/line_media.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightradioshow {background:url(../images/line_radioshow.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightabout {background:url(../images/line_about.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightshop {background:url(../images/line_shop.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightcontact {background:url(../images/line_contact.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .linerightpress {background:url(../images/line_press.png) no-repeat 0 0; width:349px; height:126px; float: left;} #page1 .links img {margin-top:30px; margin-left:10px; margin-bottom:25px} #page1 .breakingnews {width:746px; height:15px; background-color:#1a2023; padding:8px 10px 10px 10px;} #page1 .breakingnewsleft {width:148px; height:15px; float: left; font-weight: bold; font-size:14px; font-family:Verdana,Arial; color:#fffcfc;} #page1 .breakingnewstext {width:595px; height:15px; float: left; font-weight: bold; font-size:13px; font-family:Verdana,Arial; color:#596e77;} #page1 .laufschrift a{color:#596e77; text-decoration:none;} #page1 .laufschrift a:hover{color:#fffcfc; text-decoration:none;} #page1 .news {padding: 23px 0px 22px 15px;} #page1 li .date{display:block;float:left;width:290px} #page1 li .location{padding-left:3px} #page1 li a{color:#cfd9db; text-decoration:none;} #page1 li a:hover{color:#fffcfc; text-decoration:none;} #page1 li .tracklistshow{display:block;float:left;width:150px;} #page1 li .tracklistdate{padding-left:3px;} #page1 li .vivaartist{display:block;float:left;width:220px} #page1 li .vivatrack{padding-left:3px} #page1 li .contact1{display:block;float:left;width:260px} #page1 li .contact2{padding-left:3px} /*================== MENU ==================*/ /* Horizontal Accordion */ .horizontal_accordion_toggle { /* REQUIRED */ float: left; /* This make sure it stays horizontal */ /* REQUIRED */ display: block; height: 22px; width: 30px; color: #000000; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0; } #mnews { background: url(../images/m_news.jpg) no-repeat top left; } #mdates { background: url(../images/m_dates.jpg) no-repeat top left; } #mcharts { background: url(../images/m_charts.jpg) no-repeat top left; } #mmusic { background: url(../images/m_music.jpg) no-repeat top left; } #mmedia { background: url(../images/m_media.jpg) no-repeat top left; } #mradioshow { background: url(../images/m_radioshow.jpg) no-repeat top left; } #mabout { background: url(../images/m_about.jpg) no-repeat top left; } #mshop { background: url(../images/m_shop.jpg) no-repeat top left; } #mcontact { background: url(../images/m_contact.jpg) no-repeat top left; } .horizontal_accordion_content { /* REQUIRED */ height: 22px; /* We need to define a height for the accordion as it stretches the width */ width: 20px; float: left; /* This make sure it stays horizontal */ /* REQUIRED */ overflow: hidden; } .horizontal_accordion_content { padding-top:2px; color:#ffffff; font-weight: bold; font-family: Tahoma,Verdana,Arial ; font-size:16px; text-decoration: none; } .horizontal_accordion_content a{ padding-top:2px; color:#ffffff; font-weight: bold; font-family: Tahoma,Verdana,Arial ; font-size:16px; text-decoration: none; } /* Container styling*/ #horizontal_container { width: 400px; height: 22px; } /*================== imageswitch ==================*/ #lineimgswitch1{ width: 241px; height: 86px; float: left; background-color: #000000; } #lineimgswitch1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ background-color: #000000; } #lineimgswitch1 a{ text-decoration:none; } #lineimgswitch2{ width: 241px; height: 86px; float: left; padding-left: 35px; background-color: #000000; } #lineimgswitch2 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/ background-color: #000000; } #lineimgswitch2 a{ text-decoration:none; } .someclass{ //class to apply to your scroller(s) if desired }