html * {
	padding: 0;
	margin: 0;
}
img {
	border: none;
}

body {
	color: #fff;
	background-color: #000;
	font: small/125% Arial, Helvetica, sans-serif;
}
/* TEXTFORMATE */
#contentWrap h1 {
	color: #888;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: .02em;
}
#content h2 {
	color: #fff;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	padding: 15px 0 30px 0;
	text-decoration: underline;
}
#content h3 {
	color: #888;
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 10px 0;
	letter-spacing: .02em;
}
#moreNews h3, .contentAdd h3 {
	color: #888;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.5em 0 .5em 0;
}
#colLeft h4 {
	color: #888;
	font-size: 90%;
	font-weight: bold;
	margin: 1.5em 0 .5em 0;
}

a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

#content h1 {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	padding: 10px 0;
}
#artistInfo p {
	margin: 1em 0 0 0;
}

.fehler {
	text-align: center;
	font-style: italic;
}
.inactive {
	color: #888;
}
.zitat {
	font-style: italic;
	display: block;
}
.grey {
	color: #888;
}

/* LAYOUT */
#wrapper {
	width: 900px;
	margin: 20px auto 0 auto;
	font-size: 92%;
}
#contentWrap {
	float: left;
	width: 880px;
	padding: 10px 10px 5px 10px;
	background: url(../lib/contentWrap-BG.gif) no-repeat left top;	
}
#header {
	position: relative;
	width: 900px;
	float: left;
	background: url(../lib/streifen.gif) repeat-x top;
}
#logo {
	float: left;
}
#naviTop {
	float: right;
	background: url(../lib/streifen.gif) repeat-x top;
	padding: 47px 15px 0 0;
}
#naviTop li {
	float: left;
	list-style: none;
	padding: 0 15px 30px 15px;
}
#naviTop li a, #naviTop .active {
	display: block;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#naviTop a:hover, #naviTop a:active, #naviTop .active, #naviLeft .active, #naviLeft a:hover, #naviLeft a:active {
	color: #fff;
}
#naviTop .active, #latestNews .active {
	background-image: url(../lib/line_vert.gif);
	background-position:  50% 5px;
	background-repeat: no-repeat;
}
#colLeft {
	width: 130px;
	float: left;
}
div.dreiSpalter #colCenter {
	width: 590px;
	float: left;
}
div.dreiSpalter #colCenter .bottom {
	height: 5px;
	font-size: 2px;
	line-height: 2px; 
	background: url(../lib/content-BG_bottom.gif) no-repeat left top;	
	float: left;
	width: 590px;
}
div.dreiSpalter #colRight {
	width: 147px;
	float: left;
	padding: 0 0 0 10px;
	background: url(../lib/line_hori.gif) no-repeat left center;	
}
div.dreiSpalter #colRight .bottom {
	height: 5px;
	font-size: 2px;
	line-height: 2px; 
	background: url(../lib/rightFrame-BG_bottom.gif) no-repeat left bottom;	
}
div.zweiSpalter #colRight {
	width: 750px;
	float: left;
}
div.zweiSpalter #colRight .bottom {
	height: 5px;
	font-size: 2px;
	line-height: 2px; 
	background: url(../lib/content-BG-2sp_bottom.gif) no-repeat left bottom;	
	float: left;
	width: 750px;
}

#naviLeft {
	list-style: none;
}
#naviLeft li {
	margin: 0 0 5px 0;
}
#naviLeft li.active {
	background: url(../lib/line_hori.gif) no-repeat right center;	
}
#naviLeft a, #naviLeft .active span {
	font-size: 11px;
	font-weight: bold;
	display: block;
	width: 108px;
	/*height: 17px;
	background: url(../lib/navLeft-BG.gif) no-repeat left center;*/
	background-color: #000;
	border: 1px solid #888;
	padding: 1px 5px;
}
#naviLeft a {
	color: #888;
	text-decoration: none;
}

#imageFrame {
	padding: 5px 1px 0 1px;
	background: url(../lib/rightFrame-BG_top.gif) no-repeat left top;	
}
#imageFrame .image img {
	display: block;
	margin: 0;
	padding: 0;
}

div.dreiSpalter #content {
	position: relative;
	float: left;
	width: 570px;
	background: url(../lib/content-BG_top.gif) no-repeat left top;	
	padding: 10px;
}
div.zweiSpalter #calendar {
	position: relative;
	float: left;
	width: 750px;
	background: url(../lib/content-BG-2sp_top.gif) no-repeat left top;	
}
div.einSpalter #content {
	position: relative;
	float: left;
	width: 860px;
	background: url(../lib/content-BG-1sp_top.gif) no-repeat left top;	
	padding: 10px;
}
div.einSpalter .bottom {
	position: relative;
	height: 5px;
	font-size: 2px;
	line-height: 2px; 
	background: url(../lib/content-BG-1sp_bottom.gif) no-repeat left bottom;	
	float: left;
	width: 880px;
}

#bandLogo {
	text-align: center;
	padding: 10px 0;
}
#footer {
	color: #888;
	font-size: 90%;
	clear: both;
	padding: 15px 0 2px 10px;
	background: url(../lib/contentWrap-BG_bottom.gif) no-repeat left top;	
}

#joContent {
	float: left;
}

/* ON TOUR */
div.tourDates {
	text-align: center;
	min-height: 400px;
}
.tourDates table {
	text-align: left;
	margin: 0 auto;
}
.tourDates td {
	padding: 0 10px 1em 0;
}
.tourDates td.lastCell {
	padding-right: 0;
	text-align: right;
}
#colLeft div.partner {
	width: 110px;
	border: 1px solid #888;
	background-color: #000;
	padding: 4px 4px 0 4px;
}
#colLeft div.partner a {
	font-size: 1px;
	line-height: 1px;
}

small {
	font-size: x-small;
}
/* TICKET SHOP */
div.tickets {
	text-align: center;
	/*min-height: 400px;*/
	margin: 0 0 10px 0;
}
.tickets table {
	text-align: left;
	margin: 0 auto;
}
.tickets td {
	padding: 0 10px 1em 0;
}
.tickets td.lastCell {
	padding-right: 0;
	text-align: right;
}
.tickets .artist {
	font-weight: bold;
}

/* ARTIST */
#artistInfo {
	float: left;
	width: 568px;
	min-height: 400px;
	margin: 0 -9px -11px -9px;
	padding: 0 10px;
}
.disco ul, .lineup ul {
	list-style: none;
}
ul.liste {
	list-style: outside;
	padding: 0 0 0 1.5em;
}
.liste li {
	margin: .5em 0 0 0;
}
.bio {
	width: 310px;
	float: left;
}
.lineup, .disco, .contact {
	margin: 0 0 15px 330px;
}

/* CALENDAR */
#calendar table {
	width: 741px;
	margin: 5px auto 1px auto;
	background: url(../lib/world.jpg) no-repeat left bottom;
}
#calendar th, #calendar td {
	border: 1px solid #888;
	border-right: none;
	border-top: none;
	vertical-align: top;
	padding: 4px;
}
#calendar th {
	color: #888;
	text-align: center;
	font-size: 90%;
	font-weight: normal;
}
#calendar td {
	width: 97px;
	height: 97px;
}
#calendar tbody {
	color: #888;
	font-size: x-small;
}
#calendar .firstCol {
	border-left: none;
}
#calendar .lastRow {
	border-bottom: none;
}
#calendar ul {
	list-style: none;
}
#calendar li {
	margin: 0 0 .3em 0;
	line-height: 120%;
}
#calendar a {
	font-weight: normal;
}
#calendar .heute {
	color: #fff;
	font-weight: bold;
}

/* HOME */
#back {
	float: left;
	padding: 4px 3px 0px 5px;
}
#next {
	float: right;
	padding: 4px 5px 0 3px;
}
#latestNews {
	position: relative;
	float: left;
	width: 880px;
	background: url(../lib/content-BG-latestNews.gif) no-repeat left top;	
}
#latestNews ul {
	width: 838px;
	float: left;
	padding: 3px 2px 0px 2px;
	list-style: none;
	font-size: 12px;
}
#latestNews li {
	display: block;
	float: left;
	width: 279px;
	height: 32px;
	text-align: center;
}
#latestNews li.active span {
	background-color: #000;
	display: block;
	margin: 0 2px;
	height: 20px;
}
#moreNews {
	width: 420px;
	margin: 0 11px;
	float: left;
}
#moreNews ul {
	list-style: none;
	margin: 0 0 10px 0;
}
#moreNews li {
	padding: .1em 0 .1em 16px;
	background: url(../lib/arrow_right_inaktiv.gif) left 50% no-repeat;
}
/* #home #content p {
	width: 420px;
	float: left;
} */
#home .halbeSpalte {
	width: 420px;
	float: left;
}
#home .ganzeSpalte {
	width: 840px;
	float: left;
}
#home #content .pic {
	width: 420px;
	float: right;
	text-align: right;
}
#home #content h2 {
	text-decoration: none;
	font-size: 125%;
	text-align: left;
	padding: .5em 0 1em 0;
}
#home #content h4 {
	font-size: 1em;
	font-weight: bold;
}
#content blockquote p {
	font-style: italic;
	padding: 0 1em;
	margin: 0 0 1em;
}
div.contentAdd {
	width: 300px;
}
#home .homeAdd {
	margin: 0 11px;
	float: right;
}
#content ol {
	margin: .5em 0em 1em 1em;
	list-style-position: outside;
	padding-left: 1.5em;
}

/* CONTACT */
.einSpalter #colLeft {
	width: 420px;
	float: left;
}
.einSpalter #colRight {
	width: 420px;
	float: right;
}
#contact #content h2 {
	color: #888;
	text-decoration: none;
	font-size: 125%;
	text-align: left;
	padding: .5em 0 1em 0;
}
#contact #content h4 {
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	padding: 0;
}
#contact #content p {
	margin: 0 0 1em 0;
}

#banner1 {
	margin: 2em auto;
	text-align: center;
}
