html{width:100%;}
body {
    margin: 0;
    padding: 0;
	color : White;
	background-image: url(img/bg.gif);
	background-repeat: repeat;
	background-position: top;
	background-attachment: fixed;
	font-size:100.01%;
	width: 100%;
	
	}
a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.92em;
	font-style : normal;
	color: Blue;
	text-decoration: none;
}
p{
	padding : 0.3em 2em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : black;
	font-size : 0.92em;
	font-style : normal;
	font-weight : normal;
	letter-spacing: 0.03em;
	line-height: 1.3em;
}
.right {
	float: right;
}
#mainbox a{
	font-weight: normal;	
}
h{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
hr{
	background-color:Maroon; /* Mozilla 1.4 */
	color:Maroon; /* IE 6 */
	border: Maroon; /* Opera 7.11 */
	height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	width:95%;
}
h1{
	color: Gray;
}
h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: Maroon;
}

#mainleft {
    position :  absolute;
	left: 10px;
	top: 55px;
	height :  40%;
	width: 30%;
	padding :  5px;
}
#mainbox {
    position :  absolute;
	left: 31%;
	top: 55px;
	width: 65%;
	padding :  5px;
}
.videobox{
	float: left;
	margin-bottom: 10px;
	padding:0 10px;
	border-bottom:1px solid maroon;
	
	
}
.imgfloat{
	float: left;
	padding-right: 0px;
	margin-right: 5px;
	border: 1px outset Maroon;
}	
.trackbox{
	float: right;
	padding-right: 10px;
	margin-top: 0px;
	margin-right: 0px;
	min-width: 45%;
}
.releasedbox{
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	padding-left: 10px;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: Black;
}
#video{
	border: 10px;
	border-style: inset;
	border-color: Maroon;
	margin: 0;
	padding: 0;
	width: 404px;
	background-color: Maroon;
	
}

#header {
	margin: 0 0 0.7em;
	background: Maroon;
	text-align: center;
	padding: 10px 0px;
	height: 25px;
	width: 100%;
}
#header a{
font-family: Verdana;
	font-size: 1.0em;
	color: Silver;
}
#header a:hover{
	color: #C5C600;
}

#footer {
    position : absolute;
    bottom: 0px;
    background: #000;
    text-align: center;
    width: 100%;
	height : 30px;
	bottom : 0px;
	border-color : Gray;
	border-top : dotted;
	z-index : 4
}

/* pictures in photo gallery */

#pic {
	color: Black;
	font-size: 0.8em;
	left: 10px;
	position: relative;
	top: 10px;
}
 a.pl, a.pl:link, a.pl:visited, a.pl:active  {
	display: block;
	position: absolute;
	text-decoration: none; 
	font-style: italic;
	color: #0000ff; 
}
a.pl:link{
    z-index:0;
}
 a .large {
	display: none;
	height: auto;
	left: 50px;
	position: absolute;
	top: 0px;
	width: auto;

}

 a img {
	border: 0;
	z-index;1;
}

 a.p1:hover {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}
a.pl .large {
	display: none;  
	text-decoration: none; 
}

a.p1:hover .large {
	
	display: block;
 	background: fff;
	left: 50px;
	position: absolute;
	top: 0px;
	z-index:1000;
	visibility:visible;
}
* html a.pl:hover .large { top: 5px; } /* IE */
table {
  color:black;
}