body {
  font-family:verdana;
	font-size:10px;
	color:#ffffff;
	letter-spacing: 0.5px;
	margin: 0; 
	padding: 0;
	background-image: url(../images/15original.gif);
	text-align:center;/* center layout in ie5 and 5.5. */
}


#preload {
	position:absolute;
	top:0px; 
	margin: -340px 0 0 -380px;
	left:50%
	}


a:link {
  font-family:verdana;
  color:#B4DAF1;
	text-decoration:none;
	font-style:normal;
	outline:none;
   }
   
a:visited {
  font-family:verdana;
  color:#B4DAF1;
	text-decoration:none;
	font-style:normal;
  }
	
a:hover {
  font-family:verdana;
  color:#ffaa00;
	text-decoration:underline;
	font-style:normal;
	}


h1 {
	color:#cccccc;
	font-weight:bold;
	font-size:18px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-style:italic;
	padding:0;
	margin:0;
	}
	
h2 {
	font-size:12px;
	color:#B4DAF1;
	padding-top:0px;
	margin-top:0px;
	font-variant:small-caps;
	}

/*h3 {
	font-size:12px;
	font-weight:bold;
	color:#555555;
	padding-bottom:8px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}*/
	
/*h4 {
	font-size:10px;
	font-weight:bold;
	color:#454545;
	margin:0px;
	padding-bottom:3px;
	padding-top:5px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-style:italic;
	}*/
	
h3 {
	font-size:11px;
	font-weight:bold;
	color:#454545;
	margin:0px;
	padding-bottom:3px;
	padding-top:5px;
	font-family:Georgia, Times New Roman, Times, serif;
	}

h4 {
	font-size:11px;
	color:#555555;
	padding-bottom:8px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	}
	
h5 {
	color:#cccccc;
	font-weight:bold;
	font-size:12px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-style:italic;
	padding:0;
	margin:0;
	}

#lyrics p {
	font-weight:normal;
	}

#container {
	border: 0px dashed #b9821a; 
	margin: -340px 0 0 -380px;  
	position:absolute; 
	top: 375px; 
	left: 50%; 
	width: 760px;
	text-align:left;
  min-height:600px;
	height:auto !important;  /* für moderne Browser */
	height:600px;  /*für den IE */
	overflow:visible;
}


#content {
	position:absolute;
	top:120px;
	background-image:url(../images/bg_content.gif); 
	background-repeat:repeat-y;
	width: 760px;
}


#left {
  margin-top:10px;
	float:left;
	padding-right:15px;
	border-right:0px solid #e0e0e0;
	width:120px;
}

#main {
  margin-top:17px;
	float:left;
	width:720px;
	padding-left:20px;
	border-left:0px solid  #e0e0e0;
	min-height:420px;
	height:auto !important;  /* für moderne Browser */
	height:420px;  /*für den IE */
}

#maincontent {
  width:700px;
	padding-left:20px;
	border-left:0px solid #e0e0e0;
	min-height:420px;
	height:auto !important;  /* für moderne Browser */
	height:420px;  /*für den IE */
	}

#long_maincontent {
  width:700px;
	padding-left:20px;
	border-left:0px solid  #e0e0e0;
	height:570px;
	background-image:url(../images/emu4.gif);
	}

#headline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:0px;
	color:#0c529a;
	}

#spalte2  {
	position:relative;
  width:290px;
	float:left;
	top:25px;
	padding-left:20px;
  padding-right:25px;
	border-right: 1px dashed #fc0;;
  }
	
#spalte3  {
  position:relative;
  width:290px;
  top:25px;
  float:right;
  padding-right:50px;
  }
	

#header {
	padding-bottom:0px;
  margin-bottom:0px;
	height:120px;
  }

#footer {  
  position:absolute;
	top:540px;
	text-align:center;
	font-size:11px;
	padding-top:0px;
	height:10px;
  width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	z-index:2;	
}

#footer_guestbook {
  position:relative;
	text-align:center;
	font-size:11px;
	width:760px;
	}

#footer_black {  
  position:absolute;
	top:540px;
	text-align:center;
	font-size:11px;
	padding-top:0px;
	height:10px;
  width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	z-index:2;	
}



#footlinks a{
	text-align:center;
	width: 760px;
	font-size:10px;
	color: #BFBFBF;
	text-decoration:none;
	font-weight:normal;
}


#footlinks a:hover{
	text-align:center;
	width: 760px;
	font-size:10px;
	color: #BFBFBF;
	text-decoration:none;
	font-weight:normal;
}


#downloadlinks a {
  font-family:verdana;
  color:#ffffff;
	text-decoration:none;
	font-style:normal;
   }
   
#downloadlinks a:hover {
  font-family:verdana;
  color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
	font-style:normal;
   }


#header h1, #footer h1 {margin:0}



/*############### Lightbox Bilder Galerien #######################*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#454545;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(../images/prev.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../images/next.gif) right 15% no-repeat;}

/*
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }
*/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 45%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
	
	
/*######################## Navigation ###############################*/

#nav {
	position: relative;
	list-style: none;
	margin: 0;
	padding-left:40px;
	top:-3px;
	height: 20px;
	/*display: inline;*/
	overflow: hidden;
	width: 720px;
	background-color:#ffffff;
	z-index:2;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -40px;
	}

#nav a:active, #nav a:focus {
	background-position: 0 -40px;
	}
	
#thome a  {
	width: 49px;
	background: url(../images/navi3_02.jpg) top left no-repeat;
	}

#tbio a  {
	width: 54px;
	background: url(../images/navi3_03.jpg) top left no-repeat;
	}

#tmusic a  {
	width: 72px;
	background: url(../images/navi3_04.jpg) top left no-repeat;
	}
	
#tdownload a  {
	width: 104px;
	background: url(../images/navi3_05.jpg) top left no-repeat;
	}
	
#tvideo a  {
	width: 72px;
	background: url(../images/navi3_06.jpg) top left no-repeat;
	}
	
#tpictures a  {
  width: 90px;
  background: url(../images/navi3_07.jpg) top left no-repeat;
  }
	
#tguestbook a  {
  width: 100px;
  background: url(../images/navi3_08.jpg) top left no-repeat;
  }

#tcontact a  {
  width: 82px;
  background: url(../images/navi3_09.jpg) top left no-repeat;
  }

#tlinks a  {
  width: 80px;
  background: url(../images/navi3_10.jpg) top left no-repeat;
  }
	
	
	
/*################  Record Selector ###############################*/
#menu2 {
  margin:0; 
  padding-left:10px; 
  width:78em;
  height:15.5em;
  overflow:hidden; 
  background:#000;
  }
#menu2 li {
  display:inline;
  list-style-type:none; 
  }
#menu2 li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
#menu2 li a img {
  filter:alpha(opacity=40);
  -moz-opacity:.40;
  opacity:.40;
  margin:0.5em;
  border:0;
  float:left;
  }
#menu2 li a span {
  display:none; 
  }
	
#menu2 li a:hover {
  background:#000;
  }
	
#menu2 li a:hover img {
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
  }
	
#menu2 li a:hover span {
  width:15.5em;
  color:#fff;
  display:block; 
  cursor:pointer;
  float:left;
	padding-top:4px;
  }
	
#menu2 .h2 {
  margin-left:0px; 
	margin-top:5px; 
  padding:0; 
  color:#fff; 
  font-size:1.1em; 
  border:0;
	font-variant: small-caps
  }
#menu2 .h3 {
  margin:0 0px; 
  padding:0; 
  font-size:1.0em; 
  color:#fc0;
  }
.outer {
  background:transparent; 
  font-size:0.9em;
  }
	
	
#guestbook {
	top:140px;
	width:720px;
	background-image:url(../images/emu4.gif);
	border-left:20px solid #454545;
	border-right:20px solid #454545;
	margin-bottom:40px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	height:auto;
	}

*html #guestbook {
	top:137px;
	width:700px;
	}



/*Album Browser*/
#holder {position:absolute; background:transparent 175px 54px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {width:720px; height:72px;overflow:auto; border:0px solid #454545; margin-left:0px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #fff; ; width:47px; height:47px; margin-top:0px; margin-right:5px; margin-bottom:5px; float:left; font-size:9px;}
a.slidea {background:url(../images/gal_livingstereo_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slideb {background:url(../images/gal_onewaytrip_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidec {background:url(../images/gal_youcant_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slided {background:url(../images/gal_doyou_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidee {background:url(../images/gal_reihenhaus_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidef {background:url(../images/gal_jimmy_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slideg {background:url(../images/gal_hausmusik_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slideh {background:url(../images/gal_localflavor_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidei {background:url(../images/gal_close_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidej {background:url(../images/gal_festplatte_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidek {background:url(../images/gal_hello_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidel {background:url(../images/gal_flederhaus_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
a.slidem {background:url(../images/gal_fredisdead_sw.jpg);filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}



a.slidea:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_livingstereo.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slideb:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_onewaytrip.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidec:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_youcant.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slided:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_doyou.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidee:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_reihenhaus.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidef:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_jimmy.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slideg:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_hausmusik.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slideh:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_localflavor.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidei:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_close.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidej:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_festplatte.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidek:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_hello.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidel:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_flederhaus.jpg);-moz-opacity:1.0;opacity:1.0;}
a.slidem:hover{border:1px solid #000; z-index:100;filter:alpha(opacity=99);background:url(../images/gal_fredisdead.jpg);-moz-opacity:1.0;opacity:1.0;}



a.gallery span {display:block; position:absolute; left:0px; top:-1px; width:1px; height:1px; overflow:hidden; z-index:100; font-size:9px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;filter:alpha(opacity=99);-moz-opacity:1.0;opacity:1.0;}
a.gallery:hover img {border:1px solid #000; z-index:100;filter:alpha(opacity=99);-moz-opacity:1.0;opacity:1.0;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;filter:alpha(opacity=99);-moz-opacity:1.0;opacity:1.0;}

a.gallery:hover span {display:block;position:absolute;width:430px; height:20px; top:291px;text-align:center;left:170px; padding:0px; color:#fff; z-index:100; font-size:9px;font-weight:bold}
* html a.gallery:hover span {left:170px;}
a.gallery:active {border:1px solid #fff;}
/*a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:400px; height:20px; top:290px; left:0px; padding:5px; color:#454545; z-index:50;}
* html a.gallery:active span {left:0px;}*/

#thumbs {width:720px; height:47px;}
#pad {height:320px; width:100px;}


<!--[if IE 7]>
<style type="text/css">
a.gallery span {display:block; position:absolute; width:402px; height:280px; top:49px; left:-99999px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:145px; z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:170px; z-index:50;}
</style>
<![endif]-->



#links {
font-size:12px;
padding-left:15px;
}


#mailinglist {
	height: 70px;
	width: 300px;
	margin-bottom: 5px;
	color: #fff;
/*	background: url(../images/mailinglistbg.png) top left no-repeat;*/
}


#title_mail {
	/*padding: 5px;*/
	font-size: 10px;
}


#content_mail {
	padding-top: 5px;
	position:relative;
	left:-10px;
	font-size: 85%;
	text-align: center;
}


#hideme {
	overflow: hidden;
	display: block;
   opacity: 0;
   *filter: alpha(opacity=0);
   text-indent: -300px;
}


#join {
	height: 20px;
	width: 70px;
	overflow: hidden;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	background: url(../images/join.png) top left no-repeat;
	}
	
/*Facebook*/
	#facebook {
	position:relative;
	left:400px;
	top:400px;
	background-color:#FFFFFF;
	border:2px solid #cccccc;
	width:230px;
	}

#tracks {
font-size:11px;
/*font-weight:bold;*/
line-height:20px;
/*color:#454545;*/
}