/*--------------------------
	BODY
--------------------------*/

body {
	background-color:black;	
	margin:0px;
	padding:0px;
	overflow:hidden;
}

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#8B8B8B;
	vertical-align:top;
}

body#lyrics {
	background:#000000 url(bglyrics.jpg) repeat scroll 0%;
	overflow:auto;
	padding:10px;
}

body#intro {
	background:#150808 none repeat scroll 0%;
}


/*--------------------------
	LINKS
--------------------------*/

h3 a {
	text-decoration:none;
}

a:link,a:visited {
	color:#CCCCCC;
}

a:active {
	color:#404040;
}

a:hover {
	color:white;
}

strong a.nocolor,strong a.nocolor:visited {
	color:white;
}

a.nocolor,a.nocolor:visited {
	color:#8B8B8B;
}

a.nocolor:hover {
	color:#AAAAAA;
}

a.white {
	color:white;
}

a.blank {
	text-decoration:inherit;
}

div#mainlang a {
	color:#5C2C2C; 
	text-decoration:none;
}

div#mainlang a:hover {
	color:#BC9F9F; 
}

h2 a:link,h2 a:visited {
	text-decoration:none;
	color:white;
}

a.overlay {
	width:200px;
	position:absolute;
	left:5px;
	background-image:url(opacity.gif);
}

a.mailorder {
	height:20px;
	top:210px;
}

a.cover {
	height:200px;
	top:5px;
}

a.dvd {
	height:285px;
}

* html a.overlay {
	left:-248px;
}


/*--------------------------
	ÜBERSCHRIFTEN
--------------------------*/

h1,h2,h3 {
	font-weight:bold;
	padding:0px;
	margin:0px;
}

h1 {
	font-size:14pt;
	color:white;
	display:block;
	margin-bottom:10pt;
	text-transform:uppercase;
	margin-bottom:13px;
}

h2 {
	font-size:12pt;
	color:white;
	display:block;
	text-transform:uppercase;
	padding-top:1px;
}

h3 {
	font-size:8pt;
	color:#414141;
	display:inline;
}

span + h3 {
	margin-top:15px;
	display:block;
}

h3.block {
	display:block;
}


/*--------------------------
	NAVIGATION
--------------------------*/

#navi a {
	position:absolute;
	display:block;
	margin:0px;
	padding:0px;
	height:35px;
	top:195px;
}

#navi a span {
	display:none;
}

#navi #news a {
	left:60px;
	width:50px;
}

#navi #band a {
	left:110px;
	width:55px;
}

#navi #music a {
	left:165px;
	width:60px;
}

#navi #live a {
	left:225px;
	width:50px;
}

#navi #reviews a {
	left:275px;
	width:75px;
}

#navi #gallery a {
	left:350px;
	width:60px;
}

#navi #files a {
	left:410px;
	width:60px;
}

#navi #mailorder a {
	left:470px;
	width:95px;
}

#navi #links a {
	left:565px;
	width:55px;
}

#navi #guestbook a {
	left:620px;
	width:65px;
}

#navi #contact a {
	left:685px;
	width:80px;
}


/*--------------------------
	LAYOUT
--------------------------*/

div#layout {
	width:800px; 
	height:600px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-left:-400px; 
	margin-top:-300px;
	background-image:url(bg.jpg);
}

div#introlayout {
	width:800px; 
	height:444px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-left:-400px; 
	margin-top:-222px;
}

div#introlayout a#enter {
	display:block;
	margin:0px;
	padding:0px;
	width:800px;
	height:444px;
	border:1px solid white;
	background-image:url(intro.jpg);
}

div#introlayout a#enter span {
	display:none;
}

div#mainframe {
	position:absolute; 
	left:62px; 
	top:231px; 
	width:690px; 
	height:369px; 
	overflow:auto;
	border:none;
}

div#content {
	width:640px;
	position:absolute; 
	left:20px; 
	top:20px; 
	margin-bottom:20px;
	padding-right:5px;
	padding:0px 0px 15px 0px;
}

div#content.lyrics {
	width:auto;
}

div.left, div.band_left, div.bandmember_left {
	float:left;
	width:330px;
}

div.left50 {
	width:290px;
}

div.right, div.band_right, div.bandmember_right {
	float:right;
	width:260px;
	margin-right:12px;
	position:relative;
}

div.right50 {
	width:300px;
}

* html div.right50 {
	left:15px;
}


/*--------------------------
	BLOCKS
--------------------------*/

p {
	margin:0px;
	padding:0px;
}

p.inline {
	display:inline;
}

div.block, div.band_grafik, div.live_banner, div.contact_banner {
	display:block;
	margin-bottom:14pt;
	margin-top:2px;
	overflow:hidden;
}

div.nooverflow {
	overflow:hidden;
}

div.wallpaper {
	height:112px;
	position:relative;
}

div.cover {
	height:99px;
	position:relative;
}

div.dvdcover {
	height:143px;
	position:relative;
}

div.contentblock {
	display:block;
	margin-bottom:28pt;
	clear:both;
}

div.liveblock {
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

div.invisible {
	display:none;
}

div.indexlang {
	text-align:center; 
	margin:10px;
}

div#mainlang {
	position:absolute;
	left:10px;
	top:10px;
	color:#203239;
}

div.livedetails {
	position:relative;
	margin-left:70px;
	padding:10px;
}

div.anchor {
	position:relative;
}

div.anchor.gallery {
	height:0px;
}

table.tracklist {
	width:350px;
	border-spacing:0px;
}

br.clear {
	clear:both;
}


/*--------------------------
	TEXT
--------------------------*/

strong {
	font-weight:normal;
	color:white;
}

span.status {
	font-weight:bold;
	color:#336699;
}

span.error {
	font-weight:bold;
	color:#990000;
}

div.gb_reply {
	color:white;
	font-weight:bold;
}

.uppercase {
	text-transform:uppercase;
}

.nouppercase {
	text-transform:none;
}


/*--------------------------
	FORMULARE
--------------------------*/

textarea,input.text,select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:transparent;
	color:#8B8B8B;
	border-style:solid;
	border-width:1px;
	border-color:gray;
	padding:1px;
	width:100%;
}

input.submit {
	width:100%;
}

select.selectionbox {
	width:auto; 
	background-color:black;
	color:#8B8B8B;
}

input.mailorder_num {
	width:20px;
}

input.mailorder {
	width:400px;
}

textarea.mailorder {
	width:400px;
	height:60px;
}

input.small {
	width:inherit;
}


/*--------------------------
	BILDER
--------------------------*/

img {
	border-width:0px;
}

img.float {
	float:left; 
	margin-right:20px;
}

img.gallery {
	position:absolute;
	z-index:10;
	border:none 0px;
}

img.gallery_hover {
	position:absolute;
	z-index:20;
	border:solid 5px white;
}

img.flyer {
	width:50px;
}

h3 img {
	margin-right:20px;
	padding-bottom:10px; 
	float:left;
}

/* diese Klasse bitte ausblenden, wenn das Newsbild wieder neben die †berschrift soll
  und nicht neben den Text, auch das overflow:hidden aus dem .block rausnehmen */
.block img {
	float:left;
	margin:1px 5px 5px 0px;
}

div.livedetails img {
	position:relative; 
	margin-right:20px; 
	margin-bottom:20px;
}

body#intro img.actionright {
	position:absolute;
	bottom:10px;
	right:10px;
}

body img.actionright {
	position:fixed;
	bottom:10px;
	right:10px;
	opacity:0.1;
}

body img.actionright:hover {
	opacity:1.0;
}

body#intro img.actionleft {
	position:absolute;
	bottom:10px;
	left:10px;
}

body img.actionleft {
	position:fixed;
	bottom:0px;
	left:10px;
}

img.bigmargin {
	margin-right:40px;
}


<!-- (c)2007 www.in-exile.de -->