/* #################################################### 
        MAIN LAYOUT
###################################################### */

body
{ 
  background-color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  margin: 0;
  padding: 0 0 20px 0;
  height: 100%;
  width: 100%;
  overflow: visible;
} 

html
{
  height:100%;
}

div#wrapper
{
  width:896px;
  height: 600px;
  background: #333 url(../../img/layout/back.gif) repeat-y top left;
  position: relative;

margin-left: auto;
margin-right: auto;
}


div#menu
{
  width: 450px;
  height: auto;
  float:left;
  position:relative;
  margin-left: 60px;
}

div#lang, 
div#globalnav
{
  float:right;
  margin-right:50px;
  margin-top: 8px;
  font-weight:bold;
  display:none;
}

div#globalnav 
{
  display: block;
  font-weight:normal;
}

div#lang, div#lang a, 
div#globalnav, div#globalnav a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

div#lang a:hover, 
div#globalnav a:hover
{
  color: #000;
  
}

div#col-left
{
  display:block;
  width: 380px;
  /*position:absolute;*/ /* problems with reiseberichte */
  margin-top: 20px;
  left:0px;
  bottom: -27px;
  text-align: right;
  padding-left: 30px;
}

div#col-right
{
  display:block;
  position:absolute;
  margin-top: 20px;
  width: 380px;
  right:0px;
  bottom: 20px;
  padding-right: 30px;
}

div#col-right.small-right
{
  width:360px;
  right: 0;
}

div#col-right.wide-right
{
  right:0px;
  width: 400px;
}

div#col-right.col-left-full-width
{
  width:360px;
  right: 0;
  
  position:absolute;
  padding-bottom: 200px;
}

.no-padding-bottom
{
  padding-bottom:0px !important;
}

div#col-right.col-left-full-width.no-padding-bottom
{
  z-index: 3000;
}

div#col-left.wide-left
{
  width: 420px;
  /*margin-right:20px;*/
  text-align:left;
}

div#col-left.full-width-left, div.full-width-left
{
  width: 830px;
  bottom: 20px;
  position:relative;
  z-index: 100;

}

div#col-left div#img-strip-wrapper 
{
    overflow-x:auto;
    margin-top:310px;
    
}

div#col-left.box-left
{
  background-color: #333;
  border-top: 2px solid #ff0000;
  border-right: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
  margin-left: 30px;
  text-align:left;
  padding: 15px 20px 15px 0;
  width:282px;
  color: #00ffff;
  margin-top: 220px;
}
div#box-left-overlay-bottom, div#box-left-overlay-top
{
  display:none;
}

div#bandmembers
{
  margin-top: 235px;
}


/* #################################################### 
        GENERAL STYLES
###################################################### */
.last
{
  margin-right: 0 !important;
}

div.clear
{
  clear:both;
  float:none;
  height:1px;
  line-height:1px;
  font-size: 1px;
}

.bold
{
  font-weight:bold;
}


/* #################################################### 
        BOXES
###################################################### */

div#guests
{
  text-align:left;
  font-size: 10px;
  margin-left:50px;
  margin-right:-28px;
  margin-bottom: 20px;
  margin-top:-26px;
}

div#audiotest
{
 position:absolute;
 bottom:0px;
 margin-bottom:0px;
}

div#audiotest object
{
 margin-bottom:20px;
  
}

div#cds, div#dvds
{
  text-align:left;
  padding-left:10px;
  bottom:-30px;
  position:relative;
  z-index:1000;
  left: 0;
}

div#dvds
{
  padding-left: 0px;
  width:380px;
  text-align:right;
  position: absolute;
  bottom: 0px;
}

div#cds div.cd-album
{
  position:relative;
  bottom:0px;
  width:110px;
  float:left;
  text-align:right;
}


div#dvds div.cd-album
{
  margin-left:270px;
  position:relative;
  width:113px;
}

div#cds div.cd-raw, 
div#dvds div.cd-raw
{
    position:relative;
}


#content-bottom-scroll
{
  width:6000px;
  height:250px;
  background:#fff;
  padding: 15px 10px 0 10px;
}

/* wichtig fuer safari und ie6 */
div#content-bottom-scroll-wrapper
{
  width: 830px;
  overflow-x: scroll;
  position:relative;
  bottom: 0px;
  margin-right: 36px;
}


#content-bottom-scroll div.csc-textpic-intext-left
{
  float:left;
  padding-right:10px;
}

#content-bottom-scroll div.paragraph
{
  float:left;
  text-align:left;
  display:block;
  width:250px;
}

#dates-wrapper
{
  overflow-y:auto;
  margin-top:250px;
  background-color: #fff;
}

div#dates
{
  max-height:220px;
}

div#printlink
{
  margin-right:10px;
  color: #000;
}

div#content-left
{
  padding-left:10px;
}
/* #################################################### 
        OVERWRITING TYPO3-CSS STYLES
###################################################### */

#img-strip .csc-textpic-clear
{
  clear:none;
}

#img-strip .csc-textpic-image
{
  width:auto !important;
  
  margin-right:6px;
  display:block;
}

#img-strip .csc-textpic-imagecolumn
{
  display:block;
  width:auto !important;
}

#img-strip .csc-textpic-lastcol
{
  margin-right: 0;
}

div.cd-album div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image
{
  margin-left: 0;
}

div.csc-textpic-imagewrap 
{
  width: auto !important;
}

/* wichtig fuer safari! */
div.csc-textpic-intext-left div.csc-textpic-text
{
  float:left;
}
/* #################################################### 
        TEXTS
###################################################### */

#col-left h1, 
#col-right h1
{
  background-color: #333;
  color: #ff0000;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 7px 8px 14px;
  margin-bottom: 20px;
}

div#col-left h1
{
  text-align: right;
  margin-bottom:10px;
}

div#cds h1
div#dvds h1
{
  text-align:right;
}

div#content-left h1
{
  margin-left: -10px;
}

#col-right h1
{
  padding: 4px 0px 6px 7px;
  margin-left: -20px;
}

div#col-right p
{
  margin: 0 0 0 20px;
}

div#col-right.wide-right p
{
  margin-left: 0px;
  padding-right:20px;
}

div#col-right h3
{
  margin: 0 0 0 0px;
}

div#col-right.small-right p, 
div#col-right.col-left-full-width p
{
  margin: 0 20px 0 0px;
}

h2
{
  color: #fff;
  font-size: 14px;
  font-weight:bold;
  margin: 0 0 5px 0;
}


#col-right span
{
  color: #fff;
}

div#audiotest p
{
  padding: 0 0 0 20px;
}

h3
{
  color: #fff;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 5px 7px;
}

div#cds h3
div#dvds h3
{
  padding-right:5px;
}

div#dvds h3
{
  margin-left: 0px;
}


div#col-left.box-left p
{
  margin-left:-32px;
  margin-top: -5px;
}

div#col-left.box-left p strong
{
  color: #fff;
}

span.guest-style-1, span.guest-style-2
{
  font-weight: bold;
  font-size: 12px;
  color: #000;
}


span.guest-style-2
{
  color: #fff;
}

div#audiotest ul li span
{
  display:block;
}

div#col-left.full-width-left h1
{
  margin-left: -10px;
  width: 342px;
}




div#content-bottom-scroll div.csc-textpic-text p
{
  float:left;
  width: 250px;
  text-align:left;
  margin: 0;
}

div#content-bottom-scroll div.csc-textpic-text h2
{
  text-align:left;
  color: #000;
  font-size:12px;
  padding-bottom:0px;
}

span.important
{
  font-weight:normal;
  font-size:11px;
}

div#guests p
{
  padding: 10px;
  background-color: #fff;
  
}

div#printlink p
{
  margin-top: 6px;
}

div.cd-album h3
{
  padding-right:5px;
}

div#col-right p
{
  margin-left: 0px;
}

div#print-headline
{
  display:none;
} 

div#print-date
{
  display:none;
}
/* #################################################### 
        LISTS
###################################################### */
div#bandmembers ul
{
  margin-right:7px;
  list-style: none;
  margin-top:0px;
}

div#bandmembers ul li
{
  color: #ff0000;
  font-weight:bold;
  font-size: 12px;
}

div#bandmembers ul li a
{
  font-weight:bold;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
}

div#bandmembers ul li a.active
{
  color: #ff0000;
}

div#audiotest ul li
{
 margin-bottom:5px;
 position:relative;
 float:left;
}

div#audiotest ul
{
  list-style: none;
  margin-left: 10px;
  padding-left: 0;
  float:left;
  width:195px;
 
}

ol
{
  padding-left:25px;
}
/* #################################################### 
        IMAGES
###################################################### */
div#left-img-top /* nur fuer bandmitglieder-seiten */
{
 position:relative;
 top:200px;
}

div#left-img-top img
{
  border: 2px solid #ff0000;
}

div#left-img-bottom
{
  margin-top: 230px;
  margin-left: -40px;
} 

div#right-img-bottom
{
   margin-bottom: -60px;
}

div#col-left.full-width-left img
{
  margin-right:0px;
  margin-left: 0;
  display:block;
  float:left; 
}

div#cds div.cd-album img,
div#dvds div.cd-album img
{
  border: 1px solid #fff;
  position:relative;
  bottom:-40px;
}

div#cds div.cd-album a img, 
div#dvds div.cd-album a img
{
  border: 1px solid #000;
  bottom: 0px;
}


#content-bottom-scroll img
{
  float:left;
}

#col-right .csc-textpic.csc-textpic-intext-left
{
  clear:both;
  float:none;
  margin-bottom:10px;
}

#col-left.box-left .csc-textpic
{
  margin-left: -30px;
}

div#print-logo
{
  display:none;
}

div#contact-data
{
  display:none;
}

div#col-left.full-width-left h1 img
{
  float:none;
  display: inline;
}
/* #################################################### 
        TABLES
###################################################### */

table.contenttable-2, 
table.contenttable /* table for band-dates */
{
  background-color: #fff;
  text-align:left;
  font-size:12px;
  overflow:hidden;
  padding: 0 20px;
  border-style: none;
 
}

#dates table.contenttable-2, 
#dates table.contenttable
{
  clear:both;
}

#dates table
{
  padding:15px 20px 0 20px;
}

#dates table tr td
{
  padding-bottom:15px;
}

table.contenttable-2 td, 
table.contenttable td
{
  padding-right:20px;
  min-width:100px;
  vertical-align:top;
}

td#uhrzeit1 {
  width: 80px;
}

#dates table tr th
{
  color: #00cccc;
} 


/* #################################################### 
        HYPERLINKS
###################################################### */
a:hover
{
  text-decoration:underline !important;
}

div#bandmembers a:hover
{
  text-decoration:none !important;
}

div#col-right.small-right .download
{
  color: #fff;
  text-decoration:none;
}

div#col-right p.bodytext a
{
  color: #fff;
  text-decoration:none;
}

table.contenttable-2 td a, 
table.contenttable td a
{
  color: #000;
  text-decoration: none;
}

p.bodytext a:hover
{
  text-decoration:underline;
}

div#printlink a
{
  color: #000;
  text-decoration: none;
}

div#printlink a:hover
{
  text-decoration:underline;
}

div#col-right h3 a
{
  color: #fff;
  text-decoration: none;
}

div#col-right h3 a:hover
{
  text-decoration: underline;
}
/* #################################################### 
        FORMS
###################################################### */
div.tx-danewslettersubscription-pi1
{
  /*overflow-y: auto;
  height: 600px;*/
  text-align:left;
  position:absolute;
  left:-30px;
  width:640px;
  background-color: #fff;
  padding: 20px;
  margin-top: 20px;
}

div.tx-danewslettersubscription-pi1 table td
{
  vertical-align:top;
}

tr.tx-danewslettersubscription-pi1-form-row
{
  padding-bottom:5px;
}

tr.tx-danewslettersubscription-pi1-form-row p
{
	margin: 0;
	padding: 0;
}

div.tx-danewslettersubscription-pi1 table
{
 margin-bottom:20px;
}

tr.tx-danewslettersubscription-pi1-descr
{
  display:none; /* this is just to get the data in the newsletter-extension */
}

td.tx-danewslettersubscription-pi1-form-header
{
  padding: 0px 15px 0px 0px;
  text-align:right;
  width: 140px;
}

td.tx-danewslettersubscription-pi1-form-header p
{
  color: #00CCCC;
  text-transform: uppercase;
  font-weight:bold;
  padding-top:5px;
}

div.tx-danewslettersubscription-pi1 table tr.tx-danewslettersubscription-pi1-form-row td.tx-danewslettersubscription-pi1-form-header
{
  background-color: #fff;
}

td p
{
  margin: 0px;
}

tr.tx-danewslettersubscription-pi1-form-rowcomment
{
  background-color: #fff;
}


tr.tx-danewslettersubscription-pi1-form-rowcomment td p
{
  font-weight: bold;
  color: #00cccc;
  text-transform: uppercase;
  margin:20px 0px;
  border-bottom:1px solid #00cccc;
}

form img#reset_btn
{
  cursor:pointer;
}

form input#submit-btn
{
  float:left;
  margin-right:5px;
}

#omtj-tshirts {
	position: absolute;
	right:232px;
	top: 1015px;
}