/*
  $Id: randomnoize.css,v 1.00 2008/02/24 14:00:00 hpdl Exp $

  Projekt RandomNoizeMusick
  http://www.randomnoizemusick.com

  Copyright (c) 2008 Randomnoizemusick
*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f0f4f3;
	background-color: #000000;
}
A {
outline: none;
color: #ed1b23;
}
A:hover{
outline: none;
color:#f0f4f3;
}

#mainbox{
	width: 990px;
}
/*###Der Seitenkopf###*/
#headerlogo{
   width: 990px;
	height: 154px;
}
/*Das obere horizontale Menü*/
#menue{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:10pt;
width: 990px;
height: 73px;
background-image: url(../../images/randomnoize/menue_bg.gif);
background-repeat: no-repeat;
}
#navcontainer{
position:relative;
float:left;
width:500px;
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
font-size:11pt;
text-transform: uppercase;
margin-top: 14px;
line-height:normal;
}
#navcontainer ul {
list-style-type: none;
margin:0;
padding:0;
}
#navcontainer li {
display:inline;
margin:0;
padding:0;
}
#navcontainer a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#navcontainer a span {
  float:left;
  display:block;
  background: url(../../images/randomnoize/bulletswitch.gif) no-repeat left top;
  padding-left: 9px;
  color:#f0f4f3;
  cursor: pointer;
  }
#navcontainer a:hover {
color: #ed1b23;
}

#navcontainer a:hover span {
 background-position:0% -20px;
 color: #ed1b23;
}
/*Das obere horizontale Menü - Link auf der aktiven Seite*/
#navcontainer li.current a span {
  background-position:0% -20px;
  color: #ed1b23;
}
/*Der Newsletterbutton rechts*/
.newsletter{
float: right;
padding: 0px;
height:21px;
background: url(../../images/randomnoize/subscribe.gif) no-repeat left top;
}
.newsletteraktiv{
float: right;
padding: 0px;
height:21px;
background: url(../../images/randomnoize/subscribe.gif) no-repeat left top;
background-position:0% -21px;
}
/*Ende Newsletterbutton rechts*/
/*Das Kontaktformular*/
.contact_title{
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
font-size:9pt;
font-weight: bold;
}
.contact_title_err{
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
font-size:9pt;
font-weight: bold;
color: #ed1b23;
}
.contact_input{
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:9pt;
   width: 200px;
	border: 1px solid silver;
}
.contact_input_err{
   width: 200px;
	font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:9pt;
   color: #ed1b23;
	border: 1px solid #ed1b23;
}
.contact_message{
   font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:9pt;
   width: 300px;
	border: 1px solid silver;
}
.contact_message_err{
   font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:9pt;
	color: #ed1b23;
	width: 300px;
	border: 1px solid #ed1b23;
}
.contact_captcha_code{
	font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:12pt;
	font-weight: bold;
}
.contact_captcha_input{
   font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:11pt;
   width: 100px;
	border: 1px solid silver;
}
.contact_captcha_input_err{
	width: 100px;
	border: 1px solid #ed1b23;
}
/*Die Newsletterseite*/
#newsletterbk{
height: 323px;
width:500px;
	background-color: #9ca4a8;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11pt;  
padding:10px;
}
#newsletterbk h1{
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:11pt;
margin: 3px 0px 0px 0px;
color:#000000;
}
#newsletterbk label{
	font-weight: bold;
}
/*Ende die Newsletterseite*/
/*###Der Inhaltscontainer###*/
#content{
   width: 100%;
	height: 323px;
	background-image: url(../../images/randomnoize/main_bg.gif);
}
#content .coverdiv{
width:100%;
height: 323px;
overflow:hidden;
}

/*######Die News Seite#######*/
#news_left{
   float: left;
	width: 300px;
}
#indexnewsbox{
	float: left;
	width: 285px;
	padding-left:5px;
	padding-right:10px;
	border-bottom: 1px dotted #f0f4f3;
}
#indexnewsbox a.textlink{
color: #f0f4f3;
text-decoration: none;
}
#indexnewsbox a:hover.textlink{
text-decoration: underline;
}
#indexnewsbox H1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
margin: 3px 0px 0px 0px;
}
#indexnewsbox P{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
margin: 0px 0px 0px 0px;
}
#indexnewsbox .newsdate{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
#indexnewsbox .read_more{
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
text-align:right;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
#indexnewsbox .read_more A{ 
color: #ed1b23;
text-decoration: none;
}
#indexnewsbox .read_more A:hover{ 
text-decoration: underline;
}
#news_right{
  float: right;
	width: 690px;
	/*background-color: #9ca4a8;*/
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;  
}
#news_right_content{
  float: left;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
  vertical-align: top;
  overflow: hidden;
}
#news_right_content H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0 0 0 0;
	text-transform: uppercase;
	color: #f0f4f3;
}
#news_right_content H2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10pt;
   margin: 0 0 0 0;
	color: #f0f4f3;
}
#news_right_content P{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 3px 0 0 0;
	color: #f0f4f3;
}
#news_right_content A{
   color: #f0f4f3;
	font-weight: bold;
	text-decoration: none;
}
#news_right_content A:hover{
color: #ed1b23;
}
/*######Die Artistseite#######*/
#artists_left{
   padding-left:10px;
   width: 190px;
   float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:10pt;
	font-weight:bold;
}
/*#artistsbox{
	float: left;
	padding-left: 6px;
	padding-top: 6px;
}
#artistsinnerbox{
   width: 107px;
	height: 107px;
	border: 1px dashed #fdfdfd;
	padding: 2px;
}
#artistsinnerbox_act{
   width: 107px;
	height: 107px;
	border: 1px dashed #ed1b23;
	padding: 2px;
}
#artistsinnerbox .inactive{
   width: 105px;
	height: 105px;
	border: 1px solid #fdfdfd;
}
#artistsinnerbox_act .active{
   width: 105px;
	height: 105px;
	border: 1px solid #ed1b23;
}
*/
/*Die Navi bei artists links*/
#artists_left ul {
list-style-type: none;
margin:0;
padding:0;
}
#artists_left li {
display:inline;
margin:0;
padding:0;
}
#artists_left a {
margin:0;
padding:0 0 0 0px;
text-decoration:none;
}
#artists_left a span {
  display:block;
  background: url(../../images/randomnoize/bulletswitch.gif) no-repeat left top;
  padding-left: 9px;
  color:#f0f4f3;
  cursor: pointer;
  }
#artists_left a:hover {
color: #ed1b23;
}

#artists_left a:hover span {
 background-position:0% -20px;
 color: #ed1b23;
}
#artists_left li.artist_akt a span {
  background-position:0% -20px;
  color: #ed1b23;
}
/*rechte Seite Artist*/
#artists_right{
	float: left;
	width:745px;
}
#artists_right_pic_nav{
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:10pt;
	font-weight:bold;
}
/*Das Bild*/
#artists_right_pic_nav .art_pic_m{
	border: 2px solid #ffffff;
	width: 170px;
	height: 170px;
}
/*Die Navi*/
#artists_right_pic_nav ul {
list-style-type: none;
margin:0;
padding:0;
}
#artists_right_pic_nav li {
display:inline;
margin:0;
padding:0;
}
#artists_right_pic_nav a {
margin:0;
padding:0 0 0 0px;
text-decoration:none;
}
#artists_right_pic_nav a span {
  display:block;
  background: url(../../images/randomnoize/bulletswitch.gif) no-repeat left top;
  padding-left: 9px;
  color:#f0f4f3;
  cursor: pointer;
  }
#artists_right_pic_nav a:hover {
color: #ed1b23;
}

#artists_right_pic_nav a:hover span {
 background-position:0% -20px;
 color: #ed1b23;
}
#artists_right_pic_nav li.artist_akt a span {
  background-position:0% -20px;
  color: #ed1b23;
}
/*Der Contenbereich rechts bei den Artists*/
#artists_right_content{
   width:545px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:10pt;
	padding-right:5px;
}
#artists_right_content H1{
	font-family:Verdana, Arial, Helvetica, sans-serif !Important;
   font-size:12pt;
	margin-top: 5px;
	margin-bottom: 3px;
}
#artists_right_content A{
text-decoration:none;
}
#artists_right_content P{
margin-left: 16px;
margin-top: 2px;
margin-bottom: 2px;
}
#artists_right_content HR{
	height: 1px;
	border: 1px dotted #666666;
}
#releasebox{
width: 120px;
height: 120px;
vertical-align: top;
text-align: left;
float: left;
}
#releaseboxin{
	width: 109px;
	height: 109px;
	background-color: #DCDCDC;
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align: center;
}
/*######Ende die Artistseite#######*/

/*######Die Infoseiten#######*/
#infopage{
float: left;
width: 100%;
text-align: left;
vertical-align: top;
margin: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
font-size:10pt;
}
#infopage P{
margin: 3px;
}
#infopage h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color: #ffffff;
margin: 3px 0px 0px 0px;
}
/*######Die Serviceseiten#######*/
#servicepage{
float: left;
width: 100%;
text-align: left;
vertical-align: top;
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
font-size:10pt;
}
#servicepage P{
margin: 3px;
}
#servicepage h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color: #ffffff;
margin: 3px 0px 0px 0px;
}
#spacer{
	float: left;
	width: 40px;
	height: 323px;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../../images/randomnoize/formbg.gif) repeat-x left top;
}
/*###Der Seitenfooter###*/
#footer{
  width: 990px;
	height: 59px;
	background-image: url(../../images/randomnoize/footer_bg.gif);
	background-repeat: no-repeat;
}
/*Die Footernavigation*/
#footercontainer{
margin-top: 38px;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
font-size:10pt;
line-height:normal;
}
#footercontainer ul {
list-style-type: none;
position:relative;
margin:0;
padding:0;
}
#footercontainer li {
  display:inline;
  margin:0;
  padding:0;
}

#footercontainer a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#footercontainer a span {
  float:left;
  display:block;
  background: url(../../images/randomnoize/bulletdownswitch.gif) no-repeat left top;
  padding-left: 7px;
  color:#f0f4f3;
  cursor: pointer;
  }
#footercontainer a:hover {
 color: #ed1b23;
}
#footercontainer a:hover span {
 background-position:0% -20px;
 color: #ed1b23;
}
/*footer rechts*/
#footerright{
position:relative;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif !Important;
font-size:10pt;
line-height:normal;
margin-top: 38px;
}
#footerright ul {
list-style-type: none;
position:relative;
margin:0;
padding:0;
}
#footerright li {
  display:inline;
  margin:0;
  padding:0;
}
#footerright a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#footerright a span {
  float:left;
  display:block;
  background: url(../../images/randomnoize/bulletdownswitch.gif) no-repeat left top;
  padding-left: 7px;
  color:#f0f4f3;
  cursor: pointer;
  }
#footerright a:hover {
 color: #ed1b23;
}
#footerright a:hover span {
 background-position:0% -20px;
 color: #ed1b23;
}
#footerright li.active a span {
  background-position:0% -20px;
  color: #ed1b23;
}