body { 
	background: #000000; 
	color:#cccccc;
	font: 12px Arial,Helvetica,sans-serif;
  padding:0;
	margin:0;
}

a {	color:#cccccc; text-decoration:underline; }
img { border:0; }
h1 { margin:0;padding:0;}

ul.tab
{
  float:left;
  color:#666;
/*  width:500px;*/
  margin:0 0 0 10px;
  padding:0;
}
ul.tab li
{
/*  width:200px;
*/  border-top:1px solid #666;   
  margin:0 10px 0 0;
  padding:5px 5px 0 10px;
	background:no-repeat url(/images/headline_links.gif); 
	border-right:1px solid #666;
	float:left;
	list-style:none;
}
ul.tab li a
{
  color:#666;
  text-decoration:none;
}
ul.tab li.active
{
  border-top:1px solid #cccccc;   
  border-right:1px solid #cccccc;
	
}
ul.tab li.active,
ul.tab li.active a
{
  color:#cccccc;
}
h2 {
	color:#666;
	background:#000;
  margin:0 0 0 10px;
  padding:4px 10px 0 10px;
	border-top:1px solid #666666; 
	background:no-repeat url(/images/headline_links.gif); 
	font-size:14px;
	height:18px;
	font-weight: bold;
  overflow: hidden;
}
h2 a {
  color:#666;
  text-decoration: none;
}
h2 a:hover {
  text-decoration: underline;
}

h2 .rss {
  position:relative;
  top:2px;
  left:300px;
}
#mainContainer div.content a.rss {
  display:block;
  background: #000 url('/images/feed-icon-28x28.png') no-repeat top left;
  padding:5px 0 0 30px;
  height:28px;  
}
#mainContainer 
{
  width:1000px;
}
#left h2
{
	border:0;
	margin:0;
	padding:0 0 0 9px;
	color:#001a33;
	background: #cccccc no-repeat url(/images/head_bg2.gif);
	display:block;
	width:141px;
	height:19px;
	line-height:18px;
}
#left ul
{
	margin:2px 0 2px 0;
	padding:0;
	list-style:none;
}
#left ul li
{
	width:150px;
	height:14px;
	padding:0 0 0 9px;
	margin:0;
	background: url(/images/navi_link_bg.png) no-repeat top left;
}
#left ul li:hover
{
	background: url(/images/navi_link_bg.png) no-repeat bottom left;
}
#left ul li a 
{
	text-decoration:none;
}
#left p {
  	padding:0 0 0 9px;
  	margin:2px 0 2px 0;
}

#left #navibanner_large {
  margin:2px 0 0 8px;
}


#right h2
{
	border:0;
	margin:0;
	color:#000000;
	background: #cccccc no-repeat url(/images/head_bg2.gif);
	height:18px;
	padding:2px 0 0 9px;
}
#right h2 a { color:#000; text-decoration:none;}

h3
{
  color:#999;
	font-size:12px;
}

#konzert h3, #artikel h3
{
	font-size:12px;
  background:url("/images/headline_links.gif") no-repeat scroll 0 0 transparent;
  border-top:1px solid #666666;
  color:#666666;
  font-size:12px;
  padding:2px 0 0 11px;
  height:12px;
}
div.content {
	text-align:justify;
	line-height:16px;
	padding:5px 0 0 18px;
}
div.content img {
	margin:4px;
}
div.content ul {
  padding:0;
}
div.content ul li {
  list-style:none;

}
.highlight
{
  color:#000;
  background:#ccc;
}

#left {
	float:left;
	width: 150px;
	margin:0;
	padding:0;
	font-size: 11px;
}
#right {
	float:right;
	width:200px;
	margin:0;
	padding:0;
	font-size: 10px;
}
#middle {
	margin: 0 200px 0 150px;
	padding:0;
}

#homepage #middle
{
  margin: 0 0 0 150px;
	padding:0;
	border-right:1px solid #ccc;
}

#footer {
	color: #666666;
	background:#001a33;
	padding:5px 0 0 10px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#mainNavi {
	background:transparent url(/images/bg_links.gif) repeat-y scroll right top;
	margin:0 ;
}

#mainNavi form.login p
{
  margin: 4px 0 4px 0;
}
#mainNavi form.login input {
  color: #c0c0c0;
  background-color: #000;
  border:1px solid #c0c0c0;
  width: 120px;
}
#mainNavi form.login input.submit {
  border: none !important;
  background-color: transparent !important;
  width: auto;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0;
	padding:0;
	background: transparent;
}

#topAds {
	height:90px;
	margin-top:10px;
        margin-left:10px;
	overflow:hidden;
}
#content div.ad { 
	padding:0 0 0 20px; 
	background: url(/images/werbung.gif) no-repeat left top;
}

#topAds div.ad
{
  float:left;
}
#topAds div.banner 
{
  width:728px;
  height:90;
  margin-left:1px;
}
#topAds div.banner a { float:left;font-size:1px}

div#skyscraper
{
  width:160px;
  height:600px;
  position:absolute;
  top:180px;
  left:1010px;
}
div#presentations
{
  width:160px;
  height:1600px;
  overflow:hidden;
  position:absolute;
  top:790px;
  left:1010px;
}

#topAds div.small
{
  width:234px;
  height:70px;
margin:0 0 0 0px;
}

#topHeader {
  padding:5px 0 0 0;
  margin:5px 0 0 0;
  height:70px;
}
#topHeader img {
	padding:0 30px 0 0;
}

#middle ul#topNavi {
	height:17px;
	line-height:17px;
	background-color:#001a33;
  background-image:url('/images/bg_blue.png');
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:0 8px 0 0;
	text-align:right;
	list-style:none;
	margin:0;
}
ul#topNavi li { display:inline;}
ul#topNavi li a:hover { text-decoration:underline;}
ul#topNavi a {text-decoration:none;}

#middle #content { margin: 10px 10px 10px 0; }

#right ul { margin:0;padding:0;list-style:none;background:url(/images/bg_rechts.png) repeat-y top left;}
#right ul li { padding:2px 0 2px 9px; }
#right ul li:hover { background:url(/images/rollover2.gif) no-repeat top left;}
#right ul li a { text-decoration: none;}
#right ul li a span { color:#666666; text-transform: uppercase; }

#left img {	margin:0 0 0 0; padding:0;color:#000; }


/* News */

#news .comment { margin:2px 0 5px 0; padding:5px}
#news .comment h4 {margin:4px 0 0 0;padding:0;}
#news .comment p {margin:0;padding:0;}
#news form#comment_form textarea {width:400px; height:40px; }
#news .light {background-color:#001A33;background-image:url('/images/bg_blue.png');border:1px solid #666;}
#news .dark {background-color:#000;border:1px solid #333;}
#news form#comment_form {overflow:hidden; }
#news form#comment_form textarea,#news form#comment_form label {float:left;margin-right:4px;}
#news form#comment_form p {margin:0 0 20px 0; padding:0;}
#news .interact label {display:block;float:left; width:120px;margin-bottom:5px;}
#news .interact input, #news textarea {width:200px;margin:2px 2px 5px 2px;padding:5px;color:#666;background-color:#000;border:1px solid #666;}
#news .interact input.submit {background-color:transparent;}
#news textarea { height: 100px;}
#news .interact input.submit {width:auto;border:none;padding:0 0 0 10px}

#news p.tags {padding:4px;margin:10px;border:1px solid #666;font-size:0.8em;float:left;}
#news p.tags a {text-decoration:none;}
#news p.tags a:hover {text-decoration:none;}
#news p.tags label {font-weight:bold;}

#news a.up {background-image: url('/images/icon_up.png'); background-repeat:no-repeat; background-position:5px 2px; padding-left:14px;}
#news a.up span {display:none}

.interpret 
{
	text-transform: uppercase;
}
input.submit, button.submit
{
	background:url(/images/submit.gif) no-repeat center left;
	color:#CCCCCC;
	border:0;
	padding:0 0 0 10px;
  font-size: 11px;
	cursor:pointer;
}

/* Postkarten */
div.postcard {text-align:center;}
div.postcard h1 { font-size:14px; font-weight:bold;}

div.teaserbox { position:relative;}
div.teaserbox h2 span {display:block;height:16px;width:16px;position:absolute;top:2px;right:0px;}
div.teaserbox a.rss {
background-image: url(/images/feed-icon-14x14.png);
background-repeat: no-repeat;
padding-left:16px;
display:block;
height:14px;
}
#review #content .box
{
  margin:0 5px 5px 0px;
  background-color:#0b0b0b;
}
#review #content .box .rate
{
  font-size:16px;
}
#review #content .box li.rate
{
  height:18px;
}
#review #content #albumInfo
{
  overflow:hidden;
}

#review #content #albumInfo a.favalbum,
#review #content #albumInfo a.favalbum:hover
{
  background-image: url('/images/fave_sprite.png');
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 18px;
  display:block;
  height:16px;
  margin:2px 0 0 0;
}
#review #content #albumInfo a.inactive
{
  background-position: bottom left;
}

#review #content #coverPic 
{
  background-position:center;
  background-repeat: no-repeat;
  margin:0 0 10px 0;
  height:150px;
  width:150px;
}
#review #content #coverPic img
{
  margin:0;
  height:150px;
  width:150px;
}

#review #content #boxTracks
{
  float:right;
  width:255px;
  text-align:left;
  margin:0 5px 5px 5px;
}
#review #content #boxTracks ol
{
  overflow:auto;
}
#review #content #boxInfo
{
  padding:5px;
  width:300px;
  float:left;
  overflow:hidden;
}
#review #content #boxInfo label
{
  color:#666;
  display:block;
  float:left;
  width:85px;
}
#review #content #boxInfo label a {color:#666;}

#review #content input.search,
#review #content select.search
{
	width:200px;
	border:1px #cccccc solid;
	color:#cccccc;
	background:#000;
}
#review #content input.submit {margin-left:5px;}

#impressum #content ul {list-style:none;padding-left:0;margin-left:0;}

#content div.teaser
{
  width:415px;
  height:110px;
  margin:0 0 10px 0;
  float:left;
}

#content div.double
{
  height:220px;
}

#content div.soundcheck
{
  height:200px;
}

#content div.wide
{
  width:830px;
}

#content div.top
{
  height:450px;
}

#content div.teaser ul.top
{
  list-style:none;
  padding-left:20px;
  height:400px;
  padding-top:5px;
}
#content div.teaser ul.top li
{
  height:65px;
  margin-bottom:16px;
}
#content div.teaser ul.top li img
{
  float:left;
  margin-right:10px;
}
div#albums ul li img,
div#albums_result ul li img,
#content div.teaser ul.top li img.cover
{
  width:65px;
  height:65px;
}
#content div.teaser ul.top li p
{
  margin:5px 0 0 0;
  padding:0;
}

#content div.teaser ul.top,
#content div.teaser ul#topnews 
{
	margin:0;
}
#newsClickBox a.title
{
  display:block;
  overflow:hidden; 
}
#content div.teaser ul#topnews li 
{
display:block;
margin-bottom:10px;
}
.hp_content_container
{
  float:left;
  width:828px;
}
.paging a.next
{
	background:url(/images/next_bg.png) no-repeat center right;
  padding:0 14px 0 0;
}
.paging a.prev
{
	background:url(/images/prev_bg.png) no-repeat center left;
  padding:0 0 0 14px;
}

.paging a.inactive
{
  color:#666;
  text-decoration:none;
}  
  
body#redaktion table
{
  width:625px;
  padding:0;
  margin:0;
}
body#redaktion table tr td
{
  vertical-align:top;
  width:312px;
  padding:0;
  margin:0;
}

#content .interact {border:1px solid #666;padding:5px;}
#content .interact legend {color:#666;}
#content img.userpic { border:1px solid #666; width:100px; height:100px;}
#content img.thumb   { width:32px; height:32px;}

#content .comment img.userpic {}
#content .comment .comment_head {}
.interact {float:left;width:610px;}
.interact input, .interact select, .interact textarea {width:125px;margin:2px; color:#666; background-color:#000; border:1px solid #666;padding:5px;float:left;}
.interact textarea { width:250px; height:75px;}
#settings .interact textarea { width:350px; height:175px;}
.interact label { display:block;float:left;width:125px;padding:5px;}
.interact span  { display:block;float:left;margin-left:10px;padding:5px;}
.interact span.mceEditor {margin:2px;padding:0;}
.interact p {margin:10px 10px 0 5px;padding;0;}
.interact input.submit { border:none;margin:0 0 0 5px; padding:5px 5px 5px 10px; width:auto; color:#c0c0c0; } 
.interact input.check {width:30px;}
.interact label.check {width:400px;}
span.error  { color:#ff0000;}
#settings #formDiv label
{width:150px;}


div.ratingBox span {
  font-size:0.8em;
  float:left;
  display:block;
}
div.ratingBox img {
  margin:0 0 0 4px;
  padding:0;
  float:left;
}
div.ratingBox div.ownrate div,
div.ratingBox div.userrate div,
div.ratingBox div.dorate div
{
	background-image:url(/images/pm_rating.png);
	background-repeat: no-repeat;
	height:12px;
	width:120px;
	background-position:-120px 0px;
  margin-right:4px;
}
div.ratingBox a {
  padding:0;
  margin:0;
  font-size:8px;
}
div.ratingBox a button {
  font-size:8px;
  border:0 none; 
  height:12px;
  width:6px;
  background: none transparent;
  padding:0;
  margin:0;
  cursor:pointer;
}
div.ratingBox a img {border:1px solid blue;margin:0;}

div.ratingBox div div.rate_0 {	background-position:-120px 0px; }
div.ratingBox div div.rate_5 {	background-position:-108px -12px; }
div.ratingBox div div.rate_10 {	background-position:-108px 0px; }
div.ratingBox div div.rate_15 {	background-position:-96px -12px; }
div.ratingBox div div.rate_20 {	background-position:-96px 0px; }
div.ratingBox div div.rate_25 {	background-position:-84px -12px; }
div.ratingBox div div.rate_30 {	background-position:-84px 0px; }
div.ratingBox div div.rate_35 {	background-position:-72px -12px; }
div.ratingBox div div.rate_40 {	background-position:-72px 0px; }
div.ratingBox div div.rate_45 {	background-position:-60px -12px; }
div.ratingBox div div.rate_50 {	background-position:-60px 0px; }
div.ratingBox div div.rate_55 {	background-position:-48px -12px; }
div.ratingBox div div.rate_60 {	background-position:-48px 0px; }
div.ratingBox div div.rate_65 {	background-position:-36px -12px; }
div.ratingBox div div.rate_70 {	background-position:-36px 0px; }
div.ratingBox div div.rate_75 {	background-position:-24px -12px; }
div.ratingBox div div.rate_80 {	background-position:-24px 0px; }
div.ratingBox div div.rate_85 {	background-position:-12px -12px; }
div.ratingBox div div.rate_90 {	background-position:-12px 0px; }
div.ratingBox div div.rate_95 {	background-position:0px -12px; }
div.ratingBox div div.rate_100 {	background-position:0px  0px; }
#review #content #boxInfo .ratingBox div label
{
  width:85px;
}
#review #content #boxInfo .ratingBox div.userrate div,
#review #content #boxInfo .ratingBox div.ownrate div,
#review #content #boxInfo .ratingBox div.dorate div { float:left;}

#news div#bookmark {clear:left;}
div#bookmark ul li {display:inline}

div#bookmark ul.sharebar { display:block; height:16px; }
div#bookmark ul.sharebar li {border:1px solid #666666;display:block; height:16px; width:16px; margin:1px; float:left;background-image:url('/images/sharebar_sprite.png');background-repeat:no-repeat;}
div#bookmark ul.sharebar li a {display:block; width:16px; height:16px;}
div#bookmark ul.sharebar .facebook { background-position: 0px 0px;}
div#bookmark ul.sharebar .twitter  {background-position: 0px -16px;}
div#bookmark ul.sharebar .myspace  {background-position: 0px -32px;}
div#bookmark ul.sharebar .mrwong  {background-position: 0px -48px;}
div#bookmark ul.sharebar .webnews {background-position: 0px -64px;}
div#bookmark ul.sharebar .google {background-position: 0px -80px;}
div#bookmark ul.sharebar .studivz {background-position: 0px -96px;}
div#bookmark ul.sharebar .yahoo {background-position: 0px -112px;}
div#bookmark ul.sharebar .windows {background-position: 0px -128px;}


#soundcheck div#flyout {
  position:absolute;
  top:0px;
  left:0px;
  border:1px dotted #666;
  padding:10px;
  color:#666;
  background-color:#000;
  }
#soundcheck acronym {border-bottom:1px dotted #f00;}
#soundcheck table,
#review table
 {border-collapse:collapse;}

#soundcheck table tr td {font-size:0.9em; }
#soundcheck table tr td.rate,
#soundcheck table tr td.rank
{ text-align:center;font-size:1.2em}
#soundcheck table tbody tr td.comment {background-color:#0b0b0b}
#soundcheck table tbody tr td.album { text-align: left;}
#soundcheck table tbody tr td.album img { width:75px; height:75px;}

#soundcheck table thead tr td.album { text-align:center; }

#soundcheck table tbody tr td,
#review table tbody tr td
{ border-bottom:1px solid #666; border-right:1px solid #666;}

#soundcheck table thead tr td.editor { vertical-align:top; }

#soundcheck table tbody tr td:hover {background-color:#0a0a0a}
#soundcheck table thead tr td,
#review table thead tr td
 { border-bottom:1px solid #666; border-right:1px solid #666; }
#review table thead tr th  
{ color:#000; border-bottom:1px solid #000; border-right:1px solid #000; background-color:#666;}


#artists .content table {width:100%;}
#artists .content table  td {vertical-align:top;width:50%;padding:5px;}

#artists .content table tr td ul li {padding-bottom:5px;}
#artists .content table tr td ul li span.info {color:#666;font-size:11px;}
#artists .letters {  
  padding:10px 5px 10px 5px;
  margin:0 0 10px 0;
  border:1px solid #666;
}
#artists .letters ul li {
  display:inline;
}
#artists .letters ul li a {
  text-decoration: none;
}
#artists .letters ul li a.active{
  color:#000;
  background-color:#ccc;
}

.autocomplete {
  border:1px dotted #666;
  background:#000;
}
.autocomplete ul {list-style-type:none; margin-left:5px;}
.autocomplete ul li:hover {background-color:#ccc;color:#666 ;}
.autocomplete ul li:selected {color:#EEE;}

div#albums, div#albums_result 
{overflow:hidden;}

div#artists ul li,
div#artists_result ul li
{float:left;margin:0 0 2px 5px;width:125px;}

div#albums ul li, 
div#albums_result ul li 
{float:left;display:block;overflow:hidden; height:80px; width:250px;margin:0 0 2px 5px;}
#profile div#albums_result ul li {float:left; overflow:hidden;height:80px;width:80px;}
div#albums ul li img,
div#albums_result ul li img {float:left;}

div#albums ul li p,
div#albums_result ul li p,
div#artists ul li p,
div#artists_result ul li p
 { margin:0; padding:0; text-align:left;}
 
ul#vote li {display:block; float:left; height:16px;}
ul#vote li#vote_link  {
  background-image: url('/images/like_sprite.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  padding:0 0 0 18px;
  display:block;
  height:16px;
}
ul#vote li#vote_link:hover {background-position: top left;}

ul#newest_users,#profile ul#searchResult {overflow:hidden;position:relative;}
ul#newest_users li,#profile ul#searchResult li {display:block;height:50px;width:200px;float:left;overflow:hidden;margin:0 0 4px;}
ul#newest_users li p ,#profile ul#searchResult li p {margin:2px 0 0 60px;}
ul#newest_users li div.pic,#profile ul#searchResult li div.pic {width:50px;height:50px;float:left; margin:0 4px 0 0;}
#profile ul#newest_users img#loader {position:absolute;top:0px;right:0px;}
#profile form  label {display:block;width:80px;float:left;}