/*
 * Beatsteaks Main CSS
 * Copyright: anti-design.com GmbH & Co. KG 2009
 * Author: Nils Lorenz
 * Version: $Id: main.css 314 2010-06-20 16:00:54Z lars $
 */

body{margin:0;padding:0;text-align:center;font-family:Courier,Times,serif;font-size:12px;}
body.index{background:#000;}
img {border:none;}
ul,li{padding:0;margin:0;list-style:none;}
/*main elements*/  
#wrap{margin:0 auto;width:1024px;position:relative;}
#navContainer{width:1024px;height:115px;background:url(/img/bg_nav.jpg) no-repeat center top}
#contentFrame{width:1024px;height:872px;border:0;}
#contContainer{width:1024px;height:872px;background:url(/img/bg_content.jpg) no-repeat center top}  
/*navigation*/
ul.nav{position:absolute;top:30px;}
ul.nav li{float:left;}
a i{display:none;}
ul.nav a{display:block;}
a.news{background:url(/img/buttons/news.jpg);height:44px;width:91px;}
a.dates{background:url(/img/buttons/dates.jpg);height:44px;width:80px;}
a.media{background:url(/img/buttons/media.jpg);height:44px;width:81px;}
a.guests{background:url(/img/buttons/guest.jpg);height:44px;width:92px;}
a.stories{background:url(/img/buttons/stories.jpg);height:44px;width:98px;}
a.contact{background:url(/img/buttons/contact.jpg);height:44px;width:103px;}          
a.links{background:url(/img/buttons/links.jpg);height:44px;width:85px;}
/**nav hovers**/
a.news_active, a:hover.news{background:url(/img/buttons/news_over.jpg)}
a.dates_active, a:hover.dates{background:url(/img/buttons/dates_over.jpg);}
a.media_active, a:hover.media{background:url(/img/buttons/media_over.jpg);}
a.guests_active, a:hover.guests{background:url(/img/buttons/guest_over.jpg);}
a.stories_active, a:hover.stories{background:url(/img/buttons/stories_over.jpg);}
a.contact_active, a:hover.contact{background:url(/img/buttons/contact_over.jpg);}          
a.links_active, a:hover.links{background:url(/img/buttons/links_over.jpg);}

/*tickets*/
a.tickets{display:block;position:absolute;top:70px;left:130px;background:url(/img/buttons/tickets.png);height:83px;width:140px;}
a.tickets:hover{background:url(/img/buttons/tickets_over.png)}

/*imprint*/  
a.imprint{display:block;position:absolute;top:130px;left:941px;background:url(/img/buttons/impressum.jpg);height:30px;width:83px;}
a.imprint:hover{background:url(/img/buttons/impressum_over.jpg)}

/*news and languages*/
div#newsLaContainer{position:absolute;top:11px;left:46px;}
ul.languages{float:left;}
ul.languages li{float:left;}
ul.languages li.de a{width:26px;height:18px;display:block;background:url(/img/buttons/germ.png)}
ul.languages li.en a{width:25px;height:18px;display:block;background:url(/img/buttons/engl.png)}
ul.languages li.de a:hover{background:url(/img/buttons/germ_over.png)}
ul.languages li.en a:hover{background:url(/img/buttons/engl_over.png)}
#newSubscribeForm{padding:0;margin:0;float:left;}
#newSubscribeForm input{font-size:10px;height:12px;margin:1px 0 0 95px;width:125px;}
a#newsSubmit{background:transparent url(/img/buttons/go.png) repeat scroll 0 0;display:block;height:19px;left:298px;position:absolute;top:1px;width:29px;}
a#newsSubmit:hover{background:url(/img/buttons/go_over.png)}
/*player*/
div#playerContainer{position:absolute;top:68px;left:270px;width:482px;height:30px;background:transparent url(/img/player/corpus.png) repeat scroll 0 0;}
#playerTitle{color:white;width:256px;height:30px;overflow:hidden;float:left;margin-left:53px;margin-top:5px;}
ul.player{margin-top:3px;}
ul.player li{float:left;}
ul.player li a{display:block;}
ul.player li a i{display:none;}
ul.player li a.prev{width:29px;height:20px;background:transparent url(/img/player/prev.png) repeat scroll 0 0;}
ul.player li a.prev:hover{background:transparent url(/img/player/prev_over.png) repeat scroll 0 0;}
ul.player li a.play{width:20px;height:20px;background:transparent url(/img/player/play.png) repeat scroll 0 0;}
ul.player li a.play:hover{background:transparent url(/img/player/play_over.png) repeat scroll 0 0;}
ul.player li a.stop{width:20px;height:20px;background:transparent url(/img/player/stop.png) repeat scroll 0 0;}
ul.player li a.stop:hover{background:transparent url(/img/player/stop_over.png) repeat scroll 0 0;}
ul.player li a.skip{width:29px;height:20px;background:transparent url(/img/player/next.png) repeat scroll 0 0;}
ul.player li a.skip:hover{background:transparent url(/img/player/next_over.png) repeat scroll 0 0;}
#playerFrame{width:0px;height:0px;overflow:hidden;}
/*stuff*/
#stuff{position:absolute;left:635px;background:transparent url(/img/buttons/stuff.png) no-repeat scroll 230px 0;width:380px;margin-top:10px;}
#stuff li{float:left;}
#stuff .shop a{background:transparent url(/img/buttons/shop.png) no-repeat scroll 0 0;display:block;width:157px;height:98px;margin-right:5px;}
#stuff .forum a{background:transparent url(/img/buttons/forum.png) no-repeat scroll 0 0;display:block;width:71px;height:72px;margin-right:15px;}
#stuff .tickets a{background:transparent url(/img/buttons/tickets.png) no-repeat scroll 0 0;display:block;width:46px;height:53px;margin-top:17px;}
#stuff .loyal a{background:transparent url(/img/buttons/loyal.png) no-repeat scroll 0 0;display:block;width:76px;height:80px;margin:0 0 0 25px;}
#stuff .shop a:hover{background:transparent url(/img/buttons/shop_over.png);}
#stuff .forum a:hover{background:transparent url(/img/buttons/forum_over.png);}
/*#stuff .tickets a:hover{background:transparent url(/img/buttons/tickets.png);}*/
#stuff .loyal a:hover,#stuff .loyal a.active{background:transparent url(/img/buttons/loyal_over.png);}

body.index center img {margin:20px 0 5px 0;}
body.index ul {width: 320px;}
body.index ul li {float:left;color:#fff;}
body.index ul li#de {background:url(/img/de.gif) center left no-repeat;padding: 0 0 0 35px;margin: 0 10px 0 0;}
body.index ul li#en {background:url(/img/en.gif) center right no-repeat;padding: 0 35px 0 0;margin: 0 0 0 10px;}
body.index ul li a {color:#fff;text-decoration:none;}