@charset "utf-8";
/* CSS Document */

/*--BEGIN ALLGEMEIN*/



body, html {
	height:100%;
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	color: #ffffff;
	background-color: #000000;
	text-align: center;	
	SCROLLBAR-FACE-COLOR: #808080; 
	SCROLLBAR-HIGHLIGHT-COLOR: #808080; 
	SCROLLBAR-SHADOW-COLOR: #7e7e7e; 
	SCROLLBAR-3DLIGHT-COLOR: #707070; 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
	SCROLLBAR-TRACK-COLOR: #505050; 
	SCROLLBAR-DARKSHADOW-COLOR: #808080;

}


* {
border: 0px;
outline-style: none; 
padding: 0px;
margin: 0px;
}

td {vertical-align: top;}


h1 {
	font-size: 18px;
	color: #fff;
	font-weight:bold;
	text-align: center;
	margin: 10px 0 10px 0;
	}

 #freedomtable a img: hover {
 opacity:0.7;
 filter: alpha(opacity=70);
 }

	
/*END ALLGEMEIN*/

/*////////////////////////////// BEGIN Styles //////////////////////////////// */

.center {
text-align:center; }

a:link {
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #ffffff; 
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
a:active {
	color: #999999;
	text-decoration: none;
}


.navi {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}
.navi a:link{
	text-decoration:none;
	color: #ffffff;
	font-weight: bold;
}
.navi a:visited{
	color: #ffffff;
	text-decoration:none;

}
.navi a:hover {

	color: #999999;
	text-decoration:none;
}
.navi a:active {

	color: #999999;
	text-decoration:none;
}



.secret {
	font-size: 18px;
	color:#0066FF;
	font-weight: bold;
}
.secret:link{
	text-decoration: none;
	color: #0066FF;
	font-weight: bold;
}
.secret:visited {
	font-weight: bold;
	color: #0066FF;
	text-decoration: none;
}
.secret:hover {
	font-weight: bold;
	color:#999999;
	text-decoration: none;
}

.copy:link{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.copy:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}
.copy:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#copy {
color: #000;
font-weight: bold;
}


#myspacelayer a{
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
}
#myspacelayer a:hover{
	color: #000;
}

/*END Styles */

/* //////////////////// BEGIN DIVs /////////////////////////// */

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-290px;
		float:left;
		background-color: #330000;
		z-index:1
		}
#mainkomplex {
	position:relative;
	margin: 0 auto;
	margin-right: auto;
	clear: left;
	width:100%;
	height:573px;
	z-index:3;
	text-align: left;
	background-image: url(../bilder/verlauf.jpg);
}
#mainkomplex2 {
	position:relative;
	margin: 0 auto;
	margin-right: auto;
	clear: left;
	width:900px;
	height:573px;
	z-index:4;
	text-align: left;
	background:url(../bilder/magicjohnbg.jpg);
}
#inhalt {
	position:absolute;
	width:535px;
	height:312px;
	z-index:29;
	left: 170px;
	top: 132px;
	overflow: none;
	padding-top: 10px;
}

#Ueberschrift {
	position:absolute;
	width:309px;
	height:35px;
	z-index:36;
	left: 118px;
	top: 16px;
	font-size: 18px;
	font-weight: bold;
	text-align:center; 
}

#BGfooter {
	position:absolute;
	width:100%;
	height:50%;
	z-index:1;
	background-color: #330000;
	left: 0;
	bottom: 0px;
}
#player {
	position:absolute;
	width:100px;
	height:15px;
	z-index:30;
	left: 466px;
	top: 449px;
}
#photoo {
	position:absolute;
	width:123px;
	height:143px;
	z-index:7;
	left: 22px;
	top: 118px;
}
#photou {
	position:absolute;
	width:163px;
	height:167px;
	z-index:7;
	left: 3px;
	top: 262px;
}
#kaffee {
	position:absolute;
	width:154px;
	height:123px;
	z-index:8;
	left: 621px;
	top: 0px;
}

#gitarre {
	position:absolute;
	width:222px;
	height:357px;
	z-index:11;
	left: 681px;
	top: 147px;
}
#stecker {
	position:absolute;
	width:139px;
	height:137px;
	z-index:12;
	left: 366px;
	top: 432px;
}
#maske {
	position:absolute;
	width:107px;
	height:115px;
	z-index:13;
	left: 543px;
	top: 451px;
}
#munzen {
	position:absolute;
	width:158px;
	height:164px;
	z-index:10;
	left: 99px;
	top: 389px;
}
#secret {
	position:absolute;
	width:72px;
	height:115px;
	z-index:9;
	left: 818px;
	top: 11px;
}
#delayer {
	position:absolute;
	width:27px;
	height:25px;
	z-index:14;
	left: 19px;
	top: 25px;
}
#enlayer {
	position:absolute;
	width:30px;
	height:24px;
	z-index:15;
	left: 52px;
	top: 25px;
}
#myspacelayer {
	position:absolute;
	width:293px;
	height:22px;
	z-index:25;
	left: 22px;
	top: 526px;
	vertical-align: bottom;

}
#kerzen {
	position:absolute;
	width:191px;
	height:162px;
	z-index:24;
	left: 654px;
	top: 415px;
}

#magicjohn {
	position:absolute;
	width:387px;
	height:99px;
	z-index:31;
	left: 213px;
	top: 16px;
}
#copy {
	position:absolute;
	width:173px;
	height:14px;
	z-index:35;
	left: 707px;
	top: 532px;
	text-align: right;
}




/* //////////////////// BEGIN individuell /////////////////////////// */
#cdplayer {
	position:absolute;
	width:230px;
	height:165px;
	z-index:31;
	left: 12px;
	top: 58px;
}


.cdrollover {
	position: absolute;
	height: 248px;
	width: 257px;
	left: 21px;
	top: 50px;
	z-index:30;
}




#inhaltbio {
	padding: 10px;
	position:absolute;
	width:517px;
	height:279px;
	z-index:29;
	left: 167px;
	top: 139px;
	overflow: auto;}



#freedomtable {
	z-index:31;
	position:absolute;
	width:296px;
	height:239px;
	left: 208px;
	top: 56px;
}

.freedomtable {
	float:right;
	text-align: right;
	width: 100%;
}

.secrettable {
	float:right;
	text-align: right;
	width: 100%;
}


.xtable {
	float:right;
	text-align: right;
	width: 340px;
	padding-right: 20px;
}
.subtable {
	width:320px;
	align:right;

}
.subtable td {
	text-align:right;

}

.xtable td {
	padding: 8px 0 0 5px;
	vertical-align: bottom;
}
.tshirttable {
	margin: 0px 45px 0 5px;
	float:right;
	text-align: right;
}

.kaufentable {
	margin: 10px 5px 0 55px;
	width: 420px;
}
.kaufentable td {
	padding: 12px 0 0 5px;
	vertical-align: bottom;
}
.albentable {
	margin: 10px 5px 0 5px;
	width: 100%;
}
.albentable td {
	padding: 12px 0 0 5px;
	vertical-align: bottom;
}
.hoerentable {
	margin: 40px 5px 0 10px;
}
.hoerentable td {
	padding: 12px 25px 0 0 ;
	vertical-align: bottom;
}
.hoerentableen {
	margin: 30px 5px 0 10px;
}
.hoerentableen td {
	padding: 12px 25px 0 0 ;
	vertical-align: bottom;
}

.hoerentableright {
	margin: 30px 20px 10px 0;
	text-align: right;
	width: 500px;
}


.kontaktclass {
	margin: 40px 0 0 50px;
}

#schnecke {
	position:absolute;
	width:47px;
	height:29px;
	z-index:38;
	left: 682px;
	top: 233px;
}
#tasse {
	position:absolute;
	width:73px;
	height:10px;
	z-index:39;
	left: 643px;
	top: 125px;
}
#overgeld {
	position:absolute;
	width:134px;
	height:51px;
	z-index:40;
	left: 166px;
	top: 393px;
}
#mic {
	position:absolute;
	width:74px;
	height:40px;
	z-index:41;
	left: 167px;
	top: 132px;
}
#loewe {
	position:absolute;
	width:87px;
	height:33px;
	z-index:42;
	left: 524px;
	top: 125px;
}
#schnecke2 {
	position:absolute;
	width:47px;
	height:52px;
	z-index:43;
	left: 691px;
	top: 181px;
}
#kerzen2 {
	position:absolute;
	width:38px;
	height:51px;
	z-index:44;
	left: 655px;
	top: 414px;
}