

/***********************************************
  generelle Einstellungen
***********************************************/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-align: left;
}

html, body { height: 100%; }
body {
	background: #333333 url(../images/bg_body.gif) no-repeat fixed;
	text-align: center; /* für IE */
}

input, select	{ background: #000; color: #fff; border: 1px solid #ccc; }

br.clear {
	clear: both;
}


.ir {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}

.highlight { color: #7F0000; }

/***********************************************
  Textformatierung
***********************************************/
.headline_orange{
	color: #FF9900;
	font-weight: bold;
	font-size: 11px;
}

.bold {
	font-weight: bold;
}

.grey {
	color: #7e7e7e !important;
}

/* guestbook und contact voucher text */
p.voucher_text {
	font-size: 11px;
	font-weight: bold;
	color: #7F0000;
	text-align: center;
}

/***********************************************
  Links
***********************************************/
a:link,
a:active,
a:visited {
	color: #7F0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.latestnews{
	display: block;
	text-align: right;
}

#navi_top ul li a {outline: none;}


/***********************************************
  Forms
***********************************************/


/***********************************************
  DIVs
***********************************************/
#wrapper{
	width: 760px;
	background: url(../images/bg_wrapper.jpg) repeat-y;
	margin: 0 auto;
	text-align: center; /* fr IE */
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	voice-family: "\"}\""; voice-family: inherit;
	width: 760px;
}
#wrapper_bottom{
	width: 760px;
	background: url(../images/bg_wrapper_bottom.gif) no-repeat;
	margin: 0 auto;
	height: 10px;
	voice-family: "\";}\""; voice-family: inherit;
	width: 760px;
}

/* top banner image wrapper */
#banner_top{
	width: 740px;
	height: 165px;
	margin: 0 auto;
	background: url(../images/banner_top.jpg) no-repeat;
}

/* random stain div */
.stain {
	background: url(../images/elements/stain.gif);
	width: 440px;
	height: 300px;
	overflow: hidden;
	z-index: 10000;
	position: absolute;
	top: 50px;
	left: 25px;
}
/***********************************************
	language selection
***********************************************/
div#lang_selection {
	float: left; 
	width: 155px;
	margin-top: 3px;
}

a#change_lang {
	background: url(../images/elements/de/a_lang_version.gif) no-repeat;
	text-decoration: none;
	z-index: 100;
	width: 155px;
}

/***********************************************
	top navi
***********************************************/
#navi_top{
	width: 740px;
	margin: 0 auto;
	display: block;
}

#navi_top ul { list-style-type: none; }
#navi_top ul li {
	float: left;
	text-indent: -9000px;
}
#navi_top ul li a { display: block; height: 16px; text-decoration: none; }

#navi_top ul li a#nt_item_blog { margin-left: 90px; }


/***********************************************
	content area
***********************************************/

/* content wrapper */
#content_wrapper{
	width: 740px;
	/*background: url(../images/bg_content.jpg) repeat-y;*/
	margin: 0 auto;
	text-align: left;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; *//* For Modern Browsers */
	height: 100%; /* For IE */
	voice-family: "\";}\""; voice-family: inherit;
	width: 740px;
}

#content{
	clear: both;
	margin-top: 20px;
	padding: 20px;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; *//* For Modern Browsers */
	height: 100%; /* For IE */		
}

.goto_top{
	clear: both;
	width: 100%;
	text-align: right;
	margin-top: 50px;
}

/***********************************************
	pageid:	home
***********************************************/
/* column divs */
#home_left{
	width: 350px;
	float: left;
}

#home_right{
	width: 350px;
	float: right;
}

/* spacer */
.spacer_image{ margin: 0px 0 10px 0px; }

/* latest news */
h1#latestnews_hdl {
	background: url(../images/elements/de/hdl_latest_news.gif) no-repeat;
	margin-bottom: 10px;
}

#latest_news{	width: 350px; }

ul#latestnews_ul { list-style-type: none; }


.latestnews_headline{
	font-weight: bold;
	color: #7F0000;
	width: 215px;
	float: left;
	margin-bottom: 5px;
}

.latestnews_timestamp{ float: right; color: #7E7E7E; white-space: nowrap; }

.latestnews_message{
	border-bottom: 0px dashed #770000;
	padding-bottom: 5px;
	margin: 0px 0 10px 0;
	clear: both;
}

/* latest blog entries */
h1#hdl-latest-blogentries {
	background: url(../images/elements/de/hdl_latest_blogentries.gif) no-repeat;
	margin-bottom: 10px;
}

.par-only-german { color: #666; margin-bottom: 10px; }

ul#lst-blogentries {
	list-style: square;
	line-height: 1.3em;
	margin-bottom: 10px;
	padding-left: 13px;
	color: #7F0000;
}

.hdl-blogentry{
	font-weight: bold;
	color: #7F0000;
	margin-bottom: 10px;
}

.spn-blogentry-date { 
  color: #7E7E7E;
}



/* teaser pics */
#teaser_pic{
	width: 320px;
	height: 250px;
	/*border: 1px solid #770000;*/
	background-repeat: no-repeat;
}

/* next shows */
#div-upcoming-shows{
	width: 350px;
	min-height: 120px;
}
* html #div-upcoming-shows { height: 120px; }

h1#hdl-upcoming-shows { background: url(../images/elements/de/hdl_next_shows.gif) no-repeat; margin-bottom: 10px; }

#lst-upcoming-show {
  list-style-type: none;
}

.nextshows_timestamp{
	color: #7E7E7E;
	white-space: nowrap;
	width: 100px;
}

.hdl-upcoming-shows-headline {
  margin-bottom: 5px; 
}
.hdl-upcoming-shows-headline span,
.hdl-upcoming-shows-headline abbr {
	font: bold 10px Verdana;
	color: #7E7E7E;
}
.par-upcoming-shows-otherbands{
	padding-bottom: 15px;
}

/* spotlight */
#spotlight{
	width: 350px;
	margin-top: 20px;
}

h1#spotlight_hdl { background: url(../images/elements/de/hdl_spotlight.gif) no-repeat; margin-bottom: 10px; }


#spotlight_content{
	margin-top: 10px;
}

#lnk-spotlight-cover-tdm { 
  float: left; 
  width: 150px;
  height: 150px;
  border: 1px solid #666; 
  margin-right: 10px; 
  background: url(../images/media/cdcover_tdm_preview.jpg) 0 0 no-repeat; 
}
#lnk-spotlight-cover-tdm:hover { border: 1px solid #7F0000; }

#par-spotlight-cd              { margin-bottom: 20px; }
#hdl-spotlight-tdm-tracklist   { float: left; width: 150px;}
ul#lst-spotlight-tdm-tracklist { float: left; list-style-type: none; margin-top: 9px; }


/***********************************************
	pageid:	news
***********************************************/
/* column divs */
#news_left {
	width: 250px;
	float: left;
	overflow: hidden;
}

#news_right {
	width: 430px;
	float: right;
	margin-left: 20px;
}

h1#news_overview_hdl {
	background: url(../images/elements/de/hdl_news_overview.gif) no-repeat;
	margin-bottom: 10px;
}

h1#news_hdl {
	background: url(../images/elements/de/hdl_news.gif) no-repeat;
	margin-bottom: 10px;
}


ul#news_anchors, ul#news_entries { list-style-type: none; }

li.news_anchor { margin-bottom: 10px; }
li.news_entry  { margin-bottom: 30px; }

h2.hdl-news-title {
	font-size: 12px;
	font-weight: bold;
	color: #7F0000;
	width: 280px;
	float: left;
	margin-bottom: 5px;
}

.par-news-timestamp { float: right; color: #7E7E7E; white-space: nowrap; }
.par-news-teaser    { font-weight: bold; font-size: 11px; margin-bottom: 7px; }

.par-news-message{
  border-bottom: 0px dashed #770000;
	padding-bottom: 5px;
	margin: 0px 0 10px 0;
}

ul#news_entries img.enlarge { 
	position: relative;
	z-index: 10; 
	width: 112px; 
	height: 15px;
	margin-bottom: -15px;
}
/* image alignment and visibility */

a.lnk-newsimage-left,
a.lnk-newsimage-right       { display: block; border: 1px solid #666; }
a.lnk-newsimage-left        { float: left; margin: 0 10px 10px 0; }
a.lnk-newsimage-right       { float: right; margin: 0 0 10px 10px; }

a.lnk-newsimage-left:hover,
a.lnk-newsimage-right:hover { border: 1px solid #7F0000; }
a.lnk-newsimage-none        { display: none; }


/***********************************************
	pageid:	band
***********************************************/
a#band_dictionary {
	float: right;
	background: url(../images/elements/distream_dictionary2.gif);
	width: 400px;
	height: 100px;
	text-decoration: none;
}

a#band_mainpage{
	float: right;
	margin-left: 150px;
}

/* headline members */
h1#band_members_hdl{
	background: url(../images/elements/de/hdl_band_members.gif) no-repeat;
	margin-bottom: 0;
}

ul#band_members_list{
	list-style: square;
	line-height: 1.3em;
	margin-bottom: 10px;
	background: url(../images/elements/fg_reddots.gif) no-repeat;
	padding-left: 13px;
}
li.band_membername{
	margin-bottom: 10px;
}

h1#band_history_hdl{
	background: url(../images/elements/de/hdl_band_biography.gif) no-repeat;
	margin-top: 20px;	
}


h2.band_infosections {
	font-weight: bold;
	font-size: 11px;
	font-weight: bold;
	color: #7F0000;
	margin: 15px 0 5px 0;
}

h2.band_memberinfo {
	font-weight: bold;
	font-size: 12px;
	font-weight: bold;
	color: #7F0000;
	margin: 15px 0 5px 0;
}

p.band_info {
	line-height: 1.4em;

}

div#band_membercontainer {
	padding-left: 30px;
}

img#band_foto {
	float: right;
	margin: 0 0 10px 10px;
}

img.band_memberfoto {
	float: right;
	margin: 20px 0 10px 10px;
	border: 1px solid #7e7e7e;
}

p.band_memberdetails {
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

ul.band_memberfaves{
	padding-left: 20px;
	list-style: square;
	line-height: 1.3em;
}


/***********************************************
	pageid:	reviews
***********************************************/
/* column divs */
#reviews-left {
	width: 250px;
	float: left;
	overflow: hidden;
}

#reviews-right {
	width: 430px;
	float: right;
	margin-left: 20px;
}

h1#reviews-overview-hdl {
	background: url(../images/elements/de/hdl_reviews_overview.gif) no-repeat;
	margin-bottom: 10px;
}

h1#reviews-hdl {
	background: url(../images/elements/de/hdl_reviews.gif) no-repeat;
	margin-bottom: 10px;
}


ul#reviews-anchors, ul#reviews-entries { list-style-type: none; }

li.reviews-anchor { margin-bottom: 10px; }
li.reviews-entry  { margin-bottom: 30px; }

.reviews-magazine{
	font-size: 12px;
	font-weight: bold;
	color: #7F0000;
	float: left;
	margin-bottom: 5px;
}

.reviews-date,
.reviews-author { float: right; color: #7E7E7E; white-space: nowrap; }

.reviews-author  { margin-bottom: 20px; }

.reviews-extlink { float: left; white-space: nowrap; }

.reviews-text {
	border-bottom: 0px dashed #770000;
	padding-bottom: 5px;
	margin: 0px 0 10px 0;
	float: left;
}



/***********************************************
	pageid:	gallery
***********************************************/
h1#hdl-gallery {
	background: url(../images/elements/de/hdl_gallery.gif) no-repeat;
	margin: 0 0 30px 0px;
}

h2.hdl-gallery-selected { float: left; font-size: 12px; color: #7F0000; }


ul#lst-gallery-entries,
ul#lst-gallery-thumbnails    { list-style-type: none; margin-left: 0px; }


ul#lst-gallery-entries li    { margin-bottom: 20px; }
ul#lst-gallery-thumbnails li { float: left; margin: 0 13px 13px 0; }

p.par-gallery-entry        { float: left; width: 340px; }
p.par-gallery-photographer { color: #7E7E7E; margin-bottom: 10px; }
p.par-gallery-dateadded    { color: #7E7E7E; margin-bottom: 30px; }

.div-gallery-teaserpic { 
	float: left;
	width: 50px; 
	height: 50px; 
	border: 1px solid #666; 
	background-position:  50% 50%; background-repeat: no-repeat; 
}

.img-gallery-spacer { margin-top: 10px; }

.lnk-gallery-entry {
	display: block; width: 50px; height: 50px;
}

.lnk-gallery-thumbnail { 
	display: block; 
	width: 62px; 
	height: 62px; 
	border: 1px solid #666; 
	background-position:  50% 50%; background-repeat: no-repeat;
}

.lnk-gallery-thumbnail:hover { border: 1px solid #7F0000; }

.lnk-gallery-back { float: right; margin: 2px 0 0 10px; }




/***********************************************
	pageid:	media
***********************************************/
/* column divs */
#div-media-left {
	width: 270px;
	float: left;
	overflow: hidden;
}

#div-media-right {
	width: 410px;
	float: right;
}


h1#hdl-media-overview {
	background: url(../images/elements/de/hdl_media_overview.gif) no-repeat;
	margin-bottom: 10px;
}

h1#hdl-media-songs {
	background: url(../images/elements/de/hdl_media_songs.gif) no-repeat;
	margin-bottom: 10px;
}

h1#hdl-media-promopics {
	background: url(../images/elements/de/hdl_media_promopics.gif) no-repeat;
	margin-bottom: 10px;
}

h1#hdl-media-wallpaper {
	background: url(../images/elements/de/hdl_media_wallpaper.gif) no-repeat;
	margin: 100px 0 10px 0;
}

h2.hdl-cd-title { margin-bottom: 10px; }

ul#lst-media-anchors li { font-weight: bold; margin-bottom: 10px; }

ul.lst-media { 
	width: 390px; 
	min-height: 200px; 
	margin: 0 0 30px 0;
	list-style-type: none; 
}
* html ul.lst-media { height: 200px; }

ul.lst-media li   { width: 210px; margin-bottom: 5px; text-indent: 20px; }
ul.lst-media li a { display: block; background: url('../images/elements/speaker.gif') 0 2px no-repeat; }

ul#lst-cd-tdm     { background: url('../images/media/cdcover_tdm_preview.gif') 100% 0 no-repeat; }
ul#lst-cd-eom     { background: url('../images/media/cdcover_eom_preview.gif') 100% 0 no-repeat; }
ul#lst-cd-apogee  { background: url('../images/media/cdcover_apogee_preview.gif') 100% 0 no-repeat; }

p.par-cover-bu { float: left; width: 150px; margin: 0 0 30px 20px; text-align: center; }


/***********************************************
	pageid:	guestbook
***********************************************/
/* column divs */
#guestbook_left{
	width: 700px;
	float: left;

}

#guestbook_right{
	width: 320px;
	height: 360px; 
	float: right;
	border-left: 1px dashed #fff;
	margin: 0 0 50px 10px;
	padding-left: 10px;
}


/* page navi */
.guestbook_naviheader{
	height: 1px;
}
ul.guestbook_pagenavi{
	list-style: none;
}
li.guestbook_pagenavi_entry{
	float: left;
	margin-left: 4px;

}
p.guestbook_page{
	float: left;
}

/* entry list */
ul#guestbook_entries{
	list-style: none;
	margin: 40px 0 0 0;
}
li.guestbook_entry p.guestbook_entry_contactdata label { display: block; float: left; width: 60px; }

.guestbook_entry_name{
	color: #7e7e7e;
	font-size: 11px;
	font-weight: bold;
}
.guestbook_entry_message{
	padding: 10px 0 0 10px;
}
.guestbook_entry_contactdata{
	padding: 10px 0 50px 10px;
}


/* guestbook insert form */
h1#gb_insert_hdl { background: url(../images/elements/de/hdl_add_gb_entry.gif) no-repeat; margin-bottom: 20px; }

form#frm_guestbook {
	float: right;
}
form#frm_guestbook label { float: left; width: 60px; margin-bottom: 10px; }

#frm_guestbook input, #frm_guestbook textarea {
	width: 250px;
	background: transparent none;
	border: 1px ridge #ccc;
	padding: 2px;
	color: #7e7e7e;
}
#frm_guestbook textarea {
	height: 150px;
}

.guestbook_frm_button{
	width: 100px;
	background: #000;
	border: 1px solid #ccc;
}

input#btn_submit_gbentry {
	background: #000;
	width: 100px !important;
	margin: 15px 0 0 208px;
	padding: 3px 0 3px 10px;
	color: #fff;
	font-weight: bold;
}

/***********************************************
	pageid:	links
***********************************************/
/* column divs */
#links_left {
	width: 300px;
	float: left;
	overflow: hidden;
}

#links_right {
	float: left;
	margin-left: 50px; 
}

ul#links_categories     { list-style: none; }
ul#links_categories li  { font-weight: bold; margin-bottom: 10px; }

ul#links_entries {
	list-style: square;
	line-height: 1.4em;
	margin-bottom: 60px;
	width: 350px; 
}

li.links_entry {
	margin-bottom: 10px;
}

a.links_url {
	width: 100px;
	display: block;
	white-space: nowrap;
}
div#links_left h1, div#links_right h1 { margin-bottom: 10px; }
h1#links_bands_hdl { background: url(../images/elements/de/hdl_links_bands.gif) no-repeat; }
h1#links_webzines_hdl { background: url(../images/elements/de/hdl_links_webzines.gif) no-repeat; }
h1#links_various_hdl { background: url(../images/elements/de/hdl_links_various.gif) no-repeat; }

h1#links_categories_hdl { background: url(../images/elements/de/hdl_links_categories.gif) no-repeat; }


/***********************************************
	pageid:	contact
***********************************************/

/* column divs */
#contact_left {
	width: 380px;
	float: left;
}

#contact_right {
	width: 320px;
	float: right;
}

/* headline contact list*/
h1#contact_mail{
	background: url(../images/elements/de/hdl_contact_mail.gif) no-repeat;
	margin-bottom: 20px;
}
/* headline contact postal adress*/
h1#contact_address {
	background: url(../images/elements/de/hdl_contact_address.gif) no-repeat;
	margin-top: 40px;
}

/* headline contact form*/
h1#contact_form{
	background: url(../images/elements/de/hdl_contact_form.gif) no-repeat;
	margin-bottom: 20px;
}


/* contact list table*/
table#contact_list {
	border-collapse: collapse;
}

table#contact_list td {	padding: 4px 4px 4px 0; }
table#contact_list td.contact_mailadress { padding-left: 10px; }

#par-contact-address { line-height: 1.4em; margin-top: 20px; }


/* contact form */
img#contact_hdlimage { margin-bottom: 20px; }

/*
form#frm_contact {
	margin: 0 0 0 0;
}
*/

form#frm_contact label { float: left; width: 60px; margin-bottom: 10px; }

#frm_contact input, #frm_contact textarea {
	width: 250px;
	background: transparent none;
	border: 1px ridge #ccc;
	padding: 2px;
	color: #7e7e7e;
}
#frm_contact textarea {
	height: 150px;
}

.contact_frm_button{
	width: 100px;
	background: #000;
	border: 1px solid #ccc;
}

input#btn_submit_contact {
	float: right;
  background: #000;
	width: 100px !important;
	margin: 15px 5px; 0 0;
	padding: 3px 0 3px 10px;
	color: #fff;
	font-weight: bold;
}

#par-contactfrm-mndflds { float: left; margin: 22px 0 0 0;}
