/*--------------------------------------------*/
/* customer: LondonNebel
/* file:     formate.css
/* by:       ChristophMayer - lachslounge.de
/* created:  02/021/2010
/*--------------------------------------------*/


/* main settings */
* { font-family:Verdana, Arial; font-size:12px; color: #000000;}




/* Links */
a:link    { text-decoration: underline; color: #00fff0; }
a:visited { text-decoration: underline; color: #00fff0; }
a:active  { text-decoration: underline; color: #00fff0; }
a:hover   { text-decoration: underline; color: #00837b; }


/* Body */
body { 
	width:900px; 
	height:612px;
	background-color: #000000; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:0px; 
	}

/* Image */             
img { vertical-align:top; padding:0px; margin:0px; border:0; }

/* Headers */
h1 { font-size:14px; color:#000000; }
h2 { font-size:14px; color:#ffffff; }

/* Paragraph */
p { margin-right:10px; margin-left:10px; margin-top:0px; margin-bottom:15px; padding:0px; text-align:justify; }




/* CONTENT ID's */


#header { 
	position:absolute;
	top:0px;
	height:120px; 
	width:900px;
	padding:0px;
	margin-left:auto; 
	margin-right:auto; 
	}


#menue {
	position:absolute;
	top:442px;
	height:61px; 
	width:900px;
	padding:0px;
		}

#content {
	position:absolute;
	top:120px;
	width:900px;
	height:501px;
	background-image:url(imgs/main/main_background.jpg);
	background-repeat:no-repeat; 
	margin-left:auto; 
	margin-right:auto; 
	}

#content_content {
	position:relative;
	top:0px;
	width:900px;
	height:322px;
	margin-left:auto; 
	margin-right:auto; 
	}
  
#content_shop {
  margin-top:40px;
  margin-left: 58px;
  }

#content_video {
	position:relative;
	top:0px;
	width:900px;
	height:280px;
	overflow-y:scroll;
	overflow-x:hidden; 
	margin-left:auto; 
	margin-right:auto; 
	}


#content_text_news {
	position:absolute;
	top:30px;
	width:310px;
	height:250px;
	left:77px;
	overflow-y:scroll;
	overflow-x:hidden; 
	}

#content_text_bio {
	position:absolute;
	top:30px;
	width:525px;
	height:250px;
	left:77px;
	overflow-y:scroll;
	overflow-x:hidden; 
	}

#content_bio_slideshow {
	position:absolute;
	top:10px;
	width:350px;
	height:200px;
	left:650px;
	}

#content_text_live {
	position:absolute;
	top:30px;
	width:250px;
	height:250px;
	left:570px;
	overflow-y:scroll;
	overflow-x:hidden; 
	}


#ticker {
	position:absolute;
	top:427px;
	height:17px; 
	width:900px;
	padding:0px;
		}

#footer { 
	position:absolute;
	top:610px;
	width:900px;
	height:20px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	}

#social { 
	position:absolute;
	top:133px;
	width:27px;
	height:150px;
	padding:0px;
	margin-left:20px;
	}

#impressum { 
	position:absolute;
	top:0px;
	width:600px;
	height:300px;
	padding:0px;
	margin-left:150px;
	overflow-y:scroll;
	overflow-x:hidden;	
	}

	

/*Menü_NEWS*/


#news {
position:absolute;
top:0px;
left:42px;
margin: 0;
padding: 0;
height: 61px;
list-style: none;
display: inline;
overflow: hidden;
width: 117px;
}
#news li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 117px;
height: 61px;
float: left;
}
#news a {
float: left;
padding: 61px 0 0;
overflow: hidden;
height: 0px;
background: url(imgs/main/menue_complete.jpg) 0px 0px no-repeat;
width: 117px;
}
#news a:hover {
background-position: 0px -61px;
}
#news a:active {
background-position: 0px 0px;
}



/*Menue_BIO*/

#bio {
position:absolute;
top:0px;
left:159px;
margin: 0;
padding: 0;
height: 61px;
list-style: none;
display: inline;
overflow: hidden;
width: 91px;
}
#bio li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 91px;
height: 61px;
float: left;
}
#bio a {
float: left;
padding: 61px 0 0;
overflow: hidden;
height: 0px;
background: url(imgs/main/menue_complete.jpg) -117px 0px no-repeat;
width: 91px;
}
#bio a:hover {
background-position: -117px -61px;
}
#bio a:active {
background-position: -117px 0px;
}

/*Menue_Live*/

#live {
position:absolute;
top:0px;
left:250px;
margin: 0;
padding: 0;
height: 61px;
list-style: none;
display: inline;
overflow: hidden;
width: 102px;
}
#live li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 102px;
height: 61px;
float: left;
}
#live a {
float: left;
padding: 61px 0 0;
overflow: hidden;
height: 0px;
background: url(imgs/main/menue_complete.jpg) -208px 0px no-repeat;
width: 102px;
}
#live a:hover {
background-position: -208px -61px;
}
#live a:active {
background-position: -208px 0px;
}

/*Menue_Sound*/

#sound {
position:absolute;
top:0px;
left:352px;
margin: 0;
padding: 0;
height: 61px;
list-style: none;
display: inline;
overflow: hidden;
width: 146px;
}
#sound li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 146px;
height: 61px;
float: left;
}
#sound a {
float: left;
padding: 61px 0 0;
overflow: hidden;
height: 0px;
background: url(imgs/main/menue_complete.jpg) -310px 0px no-repeat;
width: 146px;
}
#sound a:hover {
background-position: -310px -61px;
}
#sound a:active {
background-position: -310px 0px;
}

/*Menue_Fotos*/

#fotos {
position:absolute;
top:0px;
left:498px;
margin: 0;
padding: 0;
height: 61px;
list-style: none;
display: inline;
overflow: hidden;
width: 120px;
}
#fotos li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 120px;
height: 61px;
float: left;
}
#fotos a {
float: left;
padding: 61px 0 0;
overflow: hidden;
height: 0px;
background: url(imgs/main/menue_complete.jpg) -456px 0px no-repeat;
width: 120px;
}
#fotos a:hover {
background-position: -456px -61px;
}
#fotos a:active {
background-position: -456px 0px;
}


/*Menue_videos*/

#videos {
position:absolute;
top:0px;
left:618px;
margin: 0;
padding: 0;
height: 61px;
list-style: none;
display: inline;
overflow: hidden;
width: 136px;
}
#videos li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 136px;
height: 61px;
float: left;
}
#videos a {
float: left;
padding: 61px 0 0;
overflow: hidden;
height: 0px;
background: url(imgs/main/menue_complete.jpg) -576px 0px no-repeat;
width: 136px;
}
#videos a:hover {
background-position: -576px -61px;
}
#videos a:active {
background-position: -576px 0px;
}

/*Menue_shop*/

#shop {
position:absolute;
top:0px;
left:754px;
margin: 0;
padding: 0;
height: 61px;
list-style: none;
display: inline;
overflow: hidden;
width: 113px;
}
#shop li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
width: 113px;
height: 61px;
float: left;
}
#shop a {
float: left;
padding: 61px 0 0;
overflow: hidden;
height: 0px;
background: url(imgs/main/menue_complete.jpg) -712px 0px no-repeat;
width: 113px;
}
#shop a:hover {
background-position: -712px -61px;
}
#shop a:active {
background-position: -712px 0px;
}