/*--------------------------------------------*/
/* customer: LondonNebel
/* file:     formate.css
/* by:       ChristophMayer - lachslounge.de
/* created:  02/021/2010
/*--------------------------------------------*/


/* main settings */
* { font-family:Helvetica, Arial; font-size:12px; color: #fff;}




/* 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:100%;
	background-color: #000000; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:0px; 
  background-image:url(imgs/main/bg.gif);
  background-position:top left;
  background-repeat:repeat-x;
  
  
	}

/* Image */             
img { vertical-align:top; padding:0px; margin:0px; border:0; }

/* Headers */
h1 { font-size:18px; font-weight: 800; text-transform:uppercase; color:#fff; }
h2 { font-size:14px; color:#ffffff; }

/* Paragraph */
p { margin-right:10px; margin-left:10px; margin-top:20px; margin-bottom:20px; padding:0px; text-align:justify; }
b { font-size:14px;}



/* CONTENT ID's */


#header { 
	position:absolute;
	top:0px;
	height:125px; 
	width:900px;
	padding:0px;
	margin-left:auto; 
	margin-right:auto; 
  background-image:url(imgs/main/main_header.jpg);
  background-position:top center;
  background-repeat:no-repeat;
  z-index:30;
	}


#menue {
	position:absolute;
	top:125px;
	height:61px; 
	width:900px;
	padding:0px;
  border-bottom-width:5px; border-bottom-color:#fff;border-bottom-style:solid;
  z-index:30;
  
		}
    
#wrapper { position:absolute; top:71px; width:900px; }

#content {
  padding-top:150px; 
	width:900px;
  min-height:420px;
  background-image:url(imgs/main/main_background.jpg);
	background-repeat:repeat; 
	margin-left:auto; 
	margin-right:auto; 
  z-index:20;
	}

#content_content {
	
  margin-left:100px;
	width:590px;
  padding-left:50px;
  padding-right:50px;
  padding-bottom:30px;
  padding-top:15px;
	background-image:url(/imgs/main/content_bg.jpg);
  background-repeat:repeat-y;
  background-position:top center;
  -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;
  border-style:solid; border-width:5px; border-color:#fff; 
  margin-bottom:50px;}
  
#content_content  iframe {margin-bottom:35px;}
  
 
  /*#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_shop {
  margin-top:40px;
  margin-left: 58px;
  height: 265px;
  overflow:hidden;
  overflow-y: scroll;
  }

#content_video {
	position:relative;
	top:0px;
	width:900px;
	height:280px;
	overflow-y:scroll;
	overflow-x:hidden; 
	margin-left:auto; 
	margin-right:auto; 
	}
*/


/*#content_text_live {
	position:absolute;
	top:30px;
	width:250px;
	height:250px;
	left:570px;
	overflow-y:scroll;
	overflow-x:hidden; 
	}
*/


#shopcontent img  {border-style:solid; border-width:2px; border-color:#7ca39b; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; margin-right:22px; margin-left:22px;margin-bottom:25px;}

#footer { 
	position:relative;	
	width:865px;
	height:20px;
  padding-top:130px;	
  padding-left:35px;
  padding-bottom:10px;
 
	margin-left:auto;
	margin-right:auto;
  
  text-align: left;
	}
  
#footer a {margin-left:15px; text-decoration:none; font-weight:800;}
  
#footer_img {position:fixed; width:400px; height:250px; background-image:url(imgs/main/footer_image.png); right:0px; bottom:0px; z-index:50;}

#social { 
	position:fixed;
	top:200px;
	width:27px;
	height:150px;
	padding:0px;
	right:20px;
  z-index:50;
	}

#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;
}























	









