@import url("header_nav.css");
html, body {height: 100%;}
body {
	margin: 0;
	padding: 0;
	background: #491227 url(images/bg.gif) center top repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}
img {border: none;}
hr, .skip {display:  none;}
abbr, acronym {cursor: help;}
th, td, dl, cite {font-size: .8em;}
blockquote {margin: 0;}
a {color: #B31518;}
td a {
	color: #333;
	text-decoration: none;
}
td a:hover {color: #B31518;}
span {font-style: oblique;}
p#fotograf {
	text-align: right;
	margin-right: 20px;
}


#container {
	width: 772px;
	margin: auto;
	min-height: 100%;
	position: relative;
	left: -6px;
}
#header {
	background: url(images/header.jpg) no-repeat;
	position: relative;
	height: 211px;
	z-index: 2;
}
#header h1 {
	margin: 0;
	text-indent: -999em;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
#headerimages {
	text-align: right;
	margin: 9px 5px 0 0;
}
#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 2;
}
#header li a, #header li span {
	display: block;
	text-indent: -999em;
	position: relative; /* for IE */
	outline: none;
	text-decoration: none;
}
/* specific nav button styles in separate stylesheet */
#content {
	margin-left: 27px;
	margin-right: 15px;
	padding-bottom: 45px;
	position: relative;
}
#content h2 {/*
	font-size: 1.3em;
	text-align: center;
	margin: 0;*/
	position: absolute;
	left: -999em;
}
#content p {font-size: .8em;}
#footer {
	background: url(images/footer.png) right bottom no-repeat;
	height: 47px;
	padding: 1px 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}



#band #header {
	background: url(images/header-band.jpg) no-repeat;
	height: 218px;
}
/*#band h2 {
	text-indent: -999em;
	background: url(images/bandinfo.gif) top right no-repeat;
	margin: -40px 110px 0 0;
	height: 50px;
}
*/#groups {
	float: left;
	width: 19%;
	padding-top: 50px;
}
#groups h3 {
	margin-bottom: 10px;
	font-weight: bold !important;
}
#groups h3 img, #description h3 img {
	height: 13px;
	width: auto;
	border: none;
}
#groups ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#groups li {
	border-bottom: 1px solid #B31518;
	padding: 10px 0;
}
#groups a {
	font-size: .8em;
	color: #333;
	text-decoration: none;
}
#groups a:hover {
	color: #B31518;
	text-decoration: underline;
}
#band #content h3, .caption {
	margin-top: 5px;
	font-size: 1em;
	font-weight: normal;
}
.caption {
	padding-bottom: 10px;
	margin-top: 0;
	border-bottom: 1px solid #B31518;
}
#description {
	text-align: justify;
	position: relative;
	padding-top: 10px;
	padding-bottom: 40px;
}
#description .band {/*
	float: right;
	margin-left: 10px;*/
	margin-bottom: 30px;
	border: 1px solid #CCC;
}
#band #description {
	float: right;
	width: 78%;
}
#band #description h3 {
	text-align: left;
	float: left;
	font-size: 1em;
	position: absolute;
	font-weight: bold;
}
.party #description h3 {top: 394px;}
.lounge #description h3 {top: 315px;}
.jazz #description h3 {top: 355px;}
#band #description p {clear: left;}

#content h2 img {/*
	height: .8em;*
	width: .4em;*/
	border: 0 !important;
}


#index {background-image: url(images/bg_index.gif);}
#index #header {background: url(images/header_index.jpg) no-repeat;}
#index #header ul#nav {margin-top: 107px;}
#index #content {
	padding: 0;
	margin: 0 0 0 17px;
}
#index #content h2 {
	margin-top: 30px;
	text-indent: -999em;
	background: url(images/headline.gif) top center no-repeat;
	height: 32px;
	position: absolute;
	width: 100%;
	left: 0;
}
#index #content p {text-align: left;}
#index #footer {/*
	background-image: url(images/footer_index1.png);
	height: 89px;
	position: relative;
	padding: 1px 0 0 0;
	width: 750px;
	top: -55px;*/
	display: none;
}


#press #container {background: url(images/bg_konrad.png) 17px bottom no-repeat;}
#press #content {min-height: 500px;}
#press #header {background: url(images/header-presse.jpg) no-repeat;}
/*#press h2 {
	text-indent: -999em;
	background: url(images/presse.gif) top right no-repeat;
	margin: -42px 145px 30px 0;
	height: 35px;
}
*/#press table, #press caption {
	width: 80%;
	margin: auto;
	position: relative;
	z-index: 2;
}
#press caption {
	width: auto;
	font-weight: bold;
	padding-bottom: 5px;
}
#press caption img {
	height: 13px;
	margin-bottom: -1px;
}
#press thead {background: #BBB;}
#press th {
	text-align: left;
	font-weight: normal;
}
#press tbody tr:first-child td {padding-top: 10px;}
#press p {text-align: center;}
#press td {
	border-bottom: 1px dotted #B31518;
	padding: 2px 0;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}
#loader_container {text-align:center;position:absolute;top:40%;width:100%}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}
.title_h2 {
 width:300px;
 padding:12px 0 0 18px;
 margin: 0;
 font-size: 13px;
}
.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}



#technics #header {background: url(images/header-technics.jpg) no-repeat;}
/*#technics h2 {
	text-indent: -999em;
	background: url(images/technik.gif) top right no-repeat;
	margin: -45px 145px 0 0;
	height: 40px;
}
*/#technics p {text-align: center;}
#technics .technik {
	clear: both;
	border-top: 1px dotted #B31518;
	margin-top: 10px;
	padding-bottom: 1px;
	overflow: auto;
	height: 1%;
}
#technics #party {border: none;}
#technics .technik img {
	float: left;
	border: 1px solid black;
	margin-right: 20px;
}
#technics dl {
	margin: -30px 0 20px;
	padding: 0;
	width: 315px;
	float: right;
}
#technics dt {font-weight: bold;}
#technics ul {
	padding: 0;
	margin-left: 0;
}
#technics h3 {position: relative;}
#technics h3 span {
	position: absolute;
	text-indent: -999em;
}
#party h3 span {
	background: url(images/party.gif) no-repeat;
	width: 74px;
	height: 27px;
}
#lounge h3 span {
	background: url(images/lounge.png) no-repeat;
	width: 78px;
	height: 32px;
	bottom: -6px;
	margin-left: 5px;
}
#jazz h3 span {
	background: url(images/jazz.png) no-repeat;
	width: 68px;
	height: 27px;
}
.technik div {
	width: 380px;
	font-size: .7em;
	padding-top: 10px;
}


#repertoire #header {background: url(images/header-repertoire.jpg) no-repeat;}
/*#repertoire h2 {
	margin: -50px 125px 0 0;
	text-indent: -999em;
	background: url(images/repertoire.gif) top right no-repeat;
	height: 45px;
}
*/#repertoire p {text-align: center;}
#repertoire table {
	margin: auto;
	width: 80%;
	border-collapse: collapse;
}
#repertoire caption {text-indent: -999em;}
#repertoire th {
	background-color: #CCC;
	text-align: left;
	font-weight: normal;
	padding: 3px;
}
#repertoire td {
	padding: 4px 3px;
	border-bottom: 1px dotted #CCC;
}
#repertoire tbody tr:first-child td {padding-top: 10px;}
#repertoire td ul {
	margin:0;
	padding: 0;
	list-style: none;
}
#repertoire #heading {padding: 15px 0;}

#history #header {
	background: url(images/header-history.jpg) no-repeat;
	height: 216px;
}
#history #container {background: url(images/bg_richard_fade.png) 17px bottom no-repeat;}
#history #content {/*
	background: url(images/bg_jasmin.png) left 10% no-repeat;*/
	padding-left: 200px;
	margin-left: 17px;
}
#history.y2005 #content {background: none;}
/*#history #content h2 {
	text-indent: -999em;
	background: url(images/history.gif) top right no-repeat;
	margin: -40px 130px -10px 0;
	height: 48px;
}
*/#history #content hr {
	display: block;
	border: none;
	border-top: 1px dotted #B31518;
	color: white;
}
#history #content h3 {font-size: .7em;}
#history #years {
	position: absolute;
	top: 30px;
	left: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 19%;
}
#years li {
	border-bottom: 1px solid #B31518;
	padding: 10px 0;
}

#years a, #years span {
	font-size: .8em;
	color: #333;
	text-decoration: none;
	padding-left: 10px;
}
#years a:hover {
	color: #B31518;
	text-decoration: underline;
}
#years span {
	color: #B31518;
	font-style: normal;
}



/*#studio h2 {
	text-indent: -999em;
	background: url(images/studio.gif) top right no-repeat;
	margin: -38px 120px 90px 0;
	height: 45px;
}
*/#studio #container {background: url(images/bg_raschid.png) 99% bottom no-repeat;}
#studio #header {background: url(images/header-studio.jpg) no-repeat;}
#studio #content {padding-left: 60px;}
#studio #content ul {
	font-size: .8em;
	list-style-image: url(images/li.gif);
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 1.1em;
}
#live #header #nav {margin-top: 108px;}
#live .videos {text-align: center;}
#live .videos div, #live .videos object {margin: 1em 0;}

#references #container {
	background: url(images/bg_tim.png) 17px bottom no-repeat;
	min-height: 800px;
}
#references #header {background: url(images/header-references.jpg) no-repeat;}
/*#references h2 {
	text-indent: -999em;
	background: url(images/referenzen.gif) top right no-repeat;
	margin: -50px 120px 0 0;
	height: 45px;
}
*/#references table {
	margin: 50px auto 0 auto;
	width: 82.4%;
}
#references th, #references td {
	border-bottom: 1px dotted #B31518;
	padding: 2px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
#references th {padding-right: 10px;}
#references th.head {
	font-weight: bold;
}
#references td a {
	color: #B31518;
	text-decoration: underline;
}
#references td a:hover {text-decoration: none}

#references #content ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: circle;
}



#gallery #header {background: url(images/header-gallery.jpg) no-repeat;}
#gallery h2 {
	text-indent: -999em;
	background: url(images/galerie.gif) top right no-repeat;
	margin: -45px 120px 15px 0;
	height: 45px;
}
#gallery #main {
	float: right;
	width: 550px;
	padding-top: 10px;
	padding-bottom: 40px;
}
#gallery #thumbs {
	padding-top: 23px;
	text-align: center;
}
#gallery #thumbs img {
	margin-right: 1px;
}
#gallery #content #bigimage {
	display: block;
	margin: auto;
	max-width: 500px;
	padding: 1px;
	border: 1px solid #CCC;
}
#gallery #galleries {
	float: left;
	width: 21%;
}
#galleries h3 img {height: 13px;}
#gallery #content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#gallery #content li {
	border-bottom: 1px solid #B31518;
	padding: 10px 0;
	line-height: 12px;
}
#gallery #content li a, #gallery #content li span {
	font-size: .8em;
	color: #333;
	text-decoration: none;
}
#gallery #content li a:hover {
	color: #B31518;
	text-decoration: underline;
}
#gallery #content li span {color: #B31518;}

/* begin contact page styles */
#index.contact #content {
	background: url(images/pyramids.jpg) no-repeat;
	padding: 40px 0 0 0;
	margin: 0 0 0 17px;
	height: 468px;
}
#index.contact #content h2 {
	margin-top: 30px;
	top: 0;
	left: 0;
}
.contact #content p {padding: 0 30px 0 40px;}
.contact #content p span {
	font-weight: bold;
	font-style: normal;
}
#contactinfo, #impressum {
	margin: 225px 0 0 0;
	padding: 10px 0;
}
#contactinfo {
	float: left;
	width: 335px;
}
#index.contact div#contactinfo p {
	text-align: right;
	padding: 0;
	margin: 0;
}
p.contact {
	font-style: oblique;
	color: #B31518;
}
.contact address {
	margin: 13px 0;
	text-align: right;
	font-style: normal;
	font-size: small;
}
#impressum {
	float: right;
	width: 325px;
}
.contact dl {
	margin: 0;
	padding: 0;
	text-align: left;
}
.contact dt {
	font-style: oblique;
	color: #B31518;
}
.contact dd {
	margin-left: 0;
	padding: 2px 0;
	margin-bottom: 10px;
}
#index.contact #footer {
	display: block;
	background: url(images/welle_gr.png) no-repeat;
	height: 81px;
	width: 27px;
	top: 500px;
	left: 51%;
	margin-left: -10px;
}

#guestbook {font-size: 62.5%;}
#guestbook #content p {font-size: 1.4em;}
#guestbook #content ul {
	list-style: none;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}
#guestbook #content hr {display: block;}

.cd {
	position: absolute;
	top: 42px;
	right: -159px;
	background: url(images/cd_cover.jpg) no-repeat;
	width: 402px;
	height: 382px;
	text-indent: -999em;
	outline: none;
}
#cd #content {overflow: hidden;}
#cd #content h2 {
	position: static;
	padding-left: 30%;
}
#cd .cd_cover {
	float: left;
	margin-right: 10px;
}
#cd ol {font-size: .8em;}
#cd ol li {margin-bottom: 20px;}
#cd ol table {
	font-size: 1.2em;
	background: #DDD;
	margin: 1em 0;
}
#cd th, #cd td {
	text-align: left;
	vertical-align: top;
}
#cd th:after {content: ":";}
#cd tr:hover {background: none;}