/* 
 *      red-button pagestyle
 *
 *    author: eichinger.s@gmx.de
 *
 */    
html {
  height:   100%;
  width:    100%;
  padding:  0;
  margin:   0;
}
body {
  background-color: #fff;
  font:             normal 12px verdana, arial, sans-serif;
  color:            #000;
  padding:          0;
  margin:           0;
  overflow:         auto;
}
.body_bg {
  background-color: #000;
  color:            #fff;
  padding:          0;
  margin:           0;
  width:            100%;
  float:            left;
  background:       url(../images/body_bg.gif) 0 0 repeat;
}
table, 
td {
  font:         normal 12px verdana, arial, sans-serif;
  color:        #000;
}
a:active,
a:link,
a:visited {
  color:        #554;
  font-weight:  bold;
}
a:hover {
  color:            #554;
  text-decoration:  none;
}
h1 {
  float:        left;
  display:      inline;
  font-weight:  bold;
  font-size:    16px;
  padding:      5px 0 5px 0;
  margin:       0;
}
h2 {
  font-weight:  bold;
  font-size:    14px;
}
h3 {
  font-weight:  bold;
  font-size:    16px;
  padding:      0;
  margin:       0;
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
.adminlink {
  position: absolute;
  right:    0;
  height:   30px;
  width:    30px;
}
/* 
 *  form-elements
 *      
 */
.submit {
  font-size:  14px;
  height:     25px;
}
/* 
 *  get the positioning done...
 *     
 */
#center {
  position:     absolute;
  top:          0;
  left:         50%;
  width:        900px;
  padding:      0;
  margin:       0;
  margin-left:  auto;
  margin-right: auto;
  margin:       0 0 0 -450px;
}
#center_bg {
  float:      left;
  background: url(../images/stone_bg.gif) left bottom repeat-y;
}
#header {
  padding:    0;
  margin:     0;
  height:     200px;
  width:      900px;
  text-align: center;
}
#blank_header {
  padding:    0;
  margin:     0;
  height:     1px;
  width:      900px;
  text-align: center;
}
#header_img {
  display:  block;
  padding:  0;
  margin:   0;
  border:   0;
}
#container {
  float: left;   
  width: 840px; 
  margin: 0 0 0 30px;
  color: #fff;
}
* html #container {
  margin: 0 0 0 15px;
}
#container_bg {
  float:      left;
  width:      840px;   
  background: url(../images/content_bg.gif) left bottom repeat-y;
}
#left_sidebar{
  float: left; 
  width: 250px;
}
#left {
  margin: 10px 0px 0px 50px;
}
#right {
  float:    left;
  color:    #000;
  padding:  0 0 0 30px; 
}
#sub_nav {
  width: 560px;
}
#content{
  width: 560px;
}
/*
 *  main navigation
 *             
 */
#navcontainer {
  clear:      both;
  background: url(../images/nav_bg.gif) 0 0 no-repeat;
  height:     35px;
  width:      900px;
  text-align: center;
}
ul#nav {
  height:       35px;
  margin:       0;
  padding:      0 0 0 68px;
  text-align:   center;
}
ul#nav li {
  list-style: none;
  display:    inline;
  margin:     0; 
  padding:    0;
}
ul#nav span {
  float:      left; 
  width:      24px;
  height:     35px;
  margin:     0 10px 0 10px;
  background: url(../images/nav_bullet.gif) center right no-repeat;
}
ul#nav a {
  float:            left; 
  width:            100px;
  height:           35px;
  margin:           0; 
  padding:          0;
  text-decoration:  none; 
}
* html ul#Nnav a {  /* korrektur für IE 5.x */
  width:  100px;
  w\idth: 100px;
}
* html ul#nav span {  /* korrektur für IE 5.x */
  width:  24px;
  w\idth: 24px;
}
.home   {background: url(../images/nav_home.gif) 0 0 no-repeat; }
.live   {background: url(../images/nav_live.gif) 0 0 no-repeat; }
.media  {background: url(../images/nav_media.gif) 0 0 no-repeat;}
.info   {background: url(../images/nav_info.gif) 0 0 no-repeat; }
.shop   {background: url(../images/nav_shop.gif) 0 0 no-repeat; }

ul#nav a:hover {
  background-position: -100px 0;
}
.current {
  background-position: -100px 0;
} 
ul#nav div {
   clear: left;
}
/*
 *  left sidebar
 *   
 */
#ep_promo {
  position:   relative;
  background: url(../images/ep_bg.gif) 0 0 no-repeat;
  width:      200px;
  height:     380px;
}
#ep_cover {
  width:    135px;
  height:   135px;
  margin:   30px 0 0 27px;
  float:    left;
}
* html #ep_cover {
  margin:   30px 0 0 14px;
}
#outnow {
  clear:    both;
  position: relative;
  width:    130px;
  height:   44px;
  margin:   0 0 0 30px;
}
#buy_now {
  position:         relative;
  display:          block;
  width:            126px;
  height:           25px;
  margin:           7px 0 7px 30px;
  background:       url(../images/buynow.gif) 0 0 no-repeat;
  text-decoration:  none;
}
a#buy_now:hover {
  background-position: -126px 0;
}
#ep_amazon {
  position: relative;
  width:    126px;
  height:   25px;
  margin:   0 0 7px 30px;
}
#ep_download {
  position: relative;
  width:    126px;
  height:   25px;
  margin:   0 0 0 30px;
}
#myspace {
  position: relative;
  height:   110px;
  width:    180px;
  margin:   0 0 0 10px;
}
#myspacelink {
  position:         relative;
  display:          block;
  width:            180px;
  height:           110px;
  margin:           0px 0 0px 0px;
  background:       url(../images/myspace.gif) 0 0 no-repeat;
  text-decoration:  none;
}
a#myspacelink:hover {
  background-position: -180px 0;
}
#streetteam {
  margin: 30px 0px 0px 10px;
}
/*
 *  submenu-styling
 *   
 */
#home_menu {
  position: relative;
  top: 0px;
  left: 0px;
  height: 70px;
  width: 490px;
}
#live_menu {
  position: relative;
  top: 0px;
  left: 0px;
  height: 70px;
  width: 490px;
}
#media_menu {
  position: relative;
  top: 0px;
  left: 0px;
  height: 70px;
  width: 490px;
}
#info_menu {
  position: relative;
  top: 0px;
  left: 0px;
  height: 70px;
  width: 490px;
}
/*
 * textbox layout
 *   
 */
.txtarea_header,
.txtarea_header-news,
.txtarea_header-diary,
.txtarea_header-releases,
.txtarea_header-info {
  width:      475px;
  height:     20px;
  background: url(../images/txtarea_header.gif) 0 0 no-repeat;
}
.txtarea_headline,
.txtarea_headline-news,
.txtarea_headline-diary,
.txtarea_headline-releases,
.txtarea_headline-info {
  float:            left;
  width:            457px;
  background-color: #dad7d4;
  border:           solid #423b3b;
  border-width:     0 1px 0 1px;
  padding:          5px 8px 5px 8px;  
}
* html .txtarea_headline,
* html .txtarea_headline-news,
* html .txtarea_headline-diary,
* html .txtarea_headline-releases,
* html .txtarea_headline-info {
  width: 475px; 
}
.entry_title,
.entry_title-news,
.entry_title-diary,
.entry_title-releases,
.entry_title-info {
  float:        left;
  font-weight:  bold;
  font-size:    14px;
  margin:       5px 0 0 0;
}
.entry_date,
.entry_date-news,
.entry_date-diary,
.entry_date-releases,
.entry_date-info {
  float:    right;
  padding:  10px 0 0 0;
}
.txtarea_body,
.txtarea_body-news,
.txtarea_body-diary,
.txtarea_body-releases,
.txtarea_body-info {
  clear:            both;
  float:            left;
  width:            453px;
  background-color: #dad7d4;
  border:           solid #423b3b;
  border-width:     0 1px 0 1px;
  padding:          5px 10px 20px 10px;  
}
.txtarea_body-releases {
  background-color: #aea9a4;
  border:           1px solid #423b3b;
  padding:          0px 10px 0px 0px;
  margin:           20px 0 10px 0;
}
* html .txtarea_body,
* html .txtarea_body-news,
* html .txtarea_body-diary,
* html .txtarea_body-releases,
* html .txtarea_body-info {
  width: 475px; 
}
.txtarea_footer,
.txtarea_footer-news,
.txtarea_footer-diary,
.txtarea_footer-releases,
.txtarea_footer-info {
  clear:      both;
  width:      475px;
  height:     20px;
  background: url(../images/txtarea_footer.gif) 0 0 no-repeat;
}
.entry_title-news,
.entry_date,
.entry_date-diary,
.txtarea_header-releases,
.txtarea_headline-releases,
.entry_title-releases,
.entry_date-releases,
.txtarea_footer-releases {
  display: none;
}
/*
 *  page navigation / archiv-link
 *
 */ 
.pagenav_box {
  background-color: #333;
  border:           1px solid #000;
  padding:          2px 5px 2px 5px;
}
.pagenav {
  color:            #fff;
  font-weight:      bold;
  text-decoration:  none;
}
a.pagenav {
  color:            #ccc;
  text-decoration:  none;  
}
.pagenav_off {
  color:            #999;
  text-decoration:  none;
}
.mainlevel-archiv {
  margin:           0px 85px 0px 0px;
  padding:          2px 10px 2px 10px;
  background-color: #333;
  border:           1px solid #000;
  color:            #ccc;
}
a.mainlevel-archiv {
  color: #ccc;
} 
/*
 *  releases
 *
 */  
.releases_img {
  float:            left;
  margin:           0;
  padding:          10px 0px 10px 10px;
  background-color: #aea9a4;
}
.releases_desc {
  float:            left;
  background-color: #cfc9c1;
  width:            245px;
  height:           175px;
  padding:          0 0 0 10px;
  margin:           10px 0 10px 10px;
}
/*
 *  fanstuff
 *
 */  
#fanstuff_desc {
  float:      left;
  width:      230px;
  height:     200px;
  text-align: right;
  padding:    0 10px 0 0;
}
#fanstuff_img {
  float:  left;
  height: 200px;
  width:  200px;
}
/*
 *  links
 *
 */
.link {
  height: 20px;
  vertical-align: middle;
  padding: 0 10px 0 30px;
  background: url(../images/link_item.jpg) left center no-repeat;
}
/*
 *  kontakt
 *
 */ 
#box_1 {
  float: left;
  width: 210px;
}
#box_2 {
  float:      right;
  text-align: right;
  width:      210px;  
}
#box_3 {
  clear:  both;
  float:  left;
  width:  210px;
  margin: 30px 0 30px 0;
}
#box_4 {
  float:      right;
  text-align: right;
  width:      210px;
  margin:     57px 0 30px 0;
}
#kontaktformular {
  clear:      both;
}
.mail_check {
  color: #060;
}
.alert,
.mail_error {
  color: #a00;
}
.success {
  color:        #090;
  font-size:    14px;
  font-weight:  bold;
}
/*
 *  upcoming/past gigs
 *
 */ 
.gig_date {
  width:          80px;
  border-bottom:  1px solid #ccc;
  padding:        2px 0 2px 0;
  font-size:      11px;
}
.gig_city {
  border-bottom:  1px solid #ccc;
  padding:        2px 0px 2px 0px;
  font-size:      11px;
}
.gig_location {
  border-bottom:  1px solid #ccc;
  padding:        2px 0px 2px 8px;
  font-size:      11px;
}
.gig_details {
  border-bottom:  1px solid #ccc;
  padding:        2px 0px 2px 8px;
  font-size:      11px;
}
/*
 *  entry pages
 *
 */
#entr_content {
  padding:    0px 85px 70px 85px;
}
.center {
  text-align: center;
}
.entr_link,
a.entr_link,
a.entr_link:active,
a.entr_link:link,
a.entr_link:visited {
  color:            #fd0000;
  text-decoration:  underline;
  font-weight:      bold;
} 
a.entr_link:hover {
  color:            #fd0000;
  text-decoration:  none;
  font-weight:      bold;
} 
#entr_footer {
  text-align: right;
  padding:    45px 40px 0 0;
}
.entr_copy,
a.entr_copy,
a.entr_copy:active,
a.entr_copy:link,
a.entr_copy:visited,
a.entr_copy:hover {
  color:            #fd0000;
  text-decoration:  none;
  font-weight:      bold;
}
.js_ok {
  color: #0f0;
  font-weight: bold;
}
.js_error {
  color: #f00;
  font-weight: bold;
}
/*
 *  streetteam/banner
 *
 */
.st_fieldname {
  text-align: right;
  padding:    0 10px 0 10px;
}
.st_previewfield {
  text-align: right;
  padding:    0 10px 0 10px;
  font-style: italic;
}
.preview_box {
  padding:          0px 10px 10px 5px;
  margin:           0;
  border-color:     #aea9a4;
  background-color: #cfc9c1;
  border-style:     solid;
  border-width:     5px 5px 5px 5px;
}
.preview_submit {
  padding:    2px 5px 5px 5px;
  margin:     0px 0px 30px 0px;
  text-align: right;
  background-color: #aea9a4;
}
/*
 *  player
 *
 */ 
#bottom {
  position:   relative;
  float:      left;
  height:     90px;
  width:      840px;
  margin:     0 0 0 0;
  padding:    0 0 0 0;
  background: url(../images/content_bg_bottom.gif) left bottom no-repeat;  
}
#launch_player {
  display:          block;
  position:         relative;
  height:           35px;
  width:            375px;
  top:              15px;
  left:             350px;
  text-decoration:  none;
}
#listen_now {
  display:      block;
  position:     relative;
  top:          11px;
  left:         100px;
  height:       15px;
  width:        300px;
  color:        #ccc;
  font-weight:  bold;
  font-style:   italic;
}
/*
 *  linkery
 *
 */ 
#linkery {
  float:    left;
  height:   100px;
  width:    800px;
  margin:   0;
  padding:  0;
}
/*
 *  footer
 *
 */ 
#footer {
  clear:      both;
  height:     130px;
  width:      900px;
  padding:    0;
  margin:     0;
  background: url(../images/footer_bg.gif) 0 0 no-repeat;
}
#footer_nav {
  position:     absolute;
  right:        0px;
  filter:       alpha(opacity=60);
  opacity:      0.60;
  -moz-opacity: 0.60;  
}
#joomlawatch {
  width:  1px;
  height: 1px;
}
/*
 *  global styles
 *
 */
.nodeco, 
.nodeco a, 
.nodeco a:active, 
.nodeco a:link, 
.nodeco a:hover, 
.nodeco a:visited {
  text-decoration:  none;
  border:           0;
}
.b {
  font-weight: bold;
}
.i {
  font-style: italic;
}
.s {
  font-size: 11px;
}
.xs {
  font-size: 10px;
}
.spacer {
  height:     60px;
  background: url(../images/spacer.gif) center center no-repeat;
}
.float_l {
  float: left;
}
.float_r {
  float: right;
}
.clear {
  clear: both;
}