/* Art Brut //////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////*/

html, body {
	height: 100%;
}

body {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	background-color: #000000;
	background-image: url(../images/teppich.jpg);
	background-position: center;
	background-repeat: repeat-x;
}

/* Allg. Positionen /////////////////////////////////////////////////////*/

#container {
	position: absolute;
	width: 800px;
	height: 520px;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -260px;
	background-image: url(../images/blatt.jpg);
	z-index: 10;
}

#logo {
	position: absolute;
	width: 179px;
	height: 179px;
	top: -14px;
	left: 33px;
	background-image: url(../images/logo.jpg);
	z-index: 14;
}

#cd {
	position: absolute;
	width: 181px;
	height: 179px;
	top: 376px;
	left: 654px;
	background-image: url(../images/cd_klein.jpg);
	background-repeat: no-repeat;
	z-index: 29;
}

#menue {
	position: absolute;
	width: 500px;
	height: 50px;
	top: 30px;
	left: 240px;
}

#headline {
	position: absolute;
	width: 300px;
	height: 100px;
	top: 20px;
	left: 240px;
}

#headline_player {
	position: absolute;
	width: 300px;
	height: 100px;
	top: 20px;
	left: 165px;
}

#weiterempfehlen {
	position: absolute;
	width: 170px;
	height: 40px;
	top: 502px;
	left: 320px;
}

#pic {
	position: absolute;
	width: 244px;
	height: 315px;
	top: 181px;
	left: 12px;
	background-repeat: no-repeat;
}

#impressum {
	position: absolute;
	left: 2px;
	bottom: 5px;
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#laut {
	position: absolute;
	top: 32px;
	left: 594px;
}

#laut a:hover {
	background-color: transparent;
}

td {
	padding: 2px;
}

/* Bilder links unten //////////////////////////////////////////////////////////////*/
.pic_eddie { background-image: url(../images/pic_eddie.jpg); }
.pic_freddy { background-image: url(../images/pic_freddy.jpg); }
.pic_globus { background-image: url(../images/pic_globus.jpg); }
.pic_ian { background-image: url(../images/pic_ian.jpg); }
.pic_jasper { background-image: url(../images/pic_jasper.jpg); }
.pic_mikey { background-image: url(../images/pic_mikey.jpg); }


/* Linkfarben //////////////////////////////////////////////////////////////*/

/* allgemein */

a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #000000;
}
a:hover {
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
}
a:active {
	text-decoration: underline;
	color: #000000;
}

/* für Impressum */
#impressum a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#impressum a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#impressum a:hover {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}
#impressum a:active {
	color: #FFFFFF;
	text-decoration: none;
}


/* für Bella */
#zurwebsite a:link {
	color: #CC0000;
	text-decoration: underline;
}
#zurwebsite a:visited {
	color: #CC0000;
	text-decoration: underline;
}
#zurwebsite a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#zurwebsite a:active {
	color: #CC0000;
	text-decoration: underline;
}




/* Positionen für bestimmte Sektionen //////////////////////////////////////////////*/

#player {
	position:absolute;
	width: 200px;
	height: 370px;
	top: 100px;
	left: 290px;
}

#buy_links {
	position: absolute;
	width: 171px;
	top: 220px;
	left: 590px;
	text-align: right;
}

#zurwebsite {
	position: absolute;
	width: 330px;
	top: 470px;
	left: 290px;
	height: 30px;
}

#videotext {
	position: absolute;
	width: 380px;
	height: 350px;
	overflow: auto;
	left: 258px;
	top: 109px;
	z-index: 28;
}

#biotext {
	position: absolute;
	width: 390px;
	height: 350px;
	overflow: auto;
	left: 258px;
	top: 109px;
	z-index: 28;
}

#linktext {
	position: absolute;
	width: 401px;
	height: 350px;
	overflow: auto;
	left: 258px;
	top: 109px;
	z-index: 28;
}

#fototext {
	position: absolute;
	width: 401px;
	height: 370px;
	overflow: auto;
	left: 308px;
	top: 109px;
	z-index: 28;
}

#newslettertext {
	position: absolute;
	width: 390px;
	height: 350px;
	overflow: auto;
	left: 258px;
	top: 109px;
	z-index: 28;
}

#ecardtext {
	position: absolute;
	width: 390px;
	top: 109px;
	left: 258px;
}

#bandfoto {
	position: absolute;
	width: 128px;
	height: 129px;
	top: 30px;
	left: 635px;
	background-image: url(../images/bandfoto_klein.jpg);
}

#bandfoto_2 {
	position: absolute;
	width: 128px;
	height: 129px;
	top: 60px;
	left: 635px;
	background-image: url(../images/bandfoto_klein.jpg);
}