/* #################################################
# Projekt 	: CSS - Cosmic Gate
# Stand     : 23.02.09
# Autor		: Daniel Zander, Source-Media.com
#################################################### */


html, body, div, p, h1, h2, h3, ul, ol, dl, 
span, a, i, table, td, form, img, li, 
input, textarea, select {
	margin:0; padding:0;
	font:11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#222;
}

html, body {
	text-align:center;
	font-size: 100.01%;  /*IE*/
}

body {background:#e6e6e6 url('/elm/i/bg.jpg') top center fixed}

body.cm1 {border:2px dashed #f00; border-bottom:0}
#exit {position:absolute;top:0;left:0;padding:4px;background:#f00;color:#fff;font-weight:bold}

/* -------------------------------------- */

#site {
	width:830px;
	margin:0 auto;
	text-align:left;
}


#top {
	margin:0 0 0 0;
	padding:0;
	width:830px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:830px;
}
html>body #top {width:830px}


#lft, #lft2 {
	float:left;
	margin:23px 0 0 0;
	padding:0;
	width:188px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:188px;
	overflow:hidden;
}
html>body #lft {width:188px}


#mid, #mid2 {
	float:left;
	margin:23px 9px 0 9px;
	padding:0;
	width:454px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:436px;
	overflow:hidden;
}
html>body #mid {width:436px}

.shop #mid {
	margin:23px 0 0;
	width:850px;
	overflow:auto;
}

#rgt, #rgt2 {
	float:left;
	margin:23px 0 0 0;
	padding:0;
	width:188px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:188px;
	overflow:hidden;
}
html>body #rgt {width:188px}


#btm {
	margin:0 0 60px 0;
	padding:0;
	width:830px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:830px;
}
html>body #btm {width:830px}

/* -------------------------------------- */

#lft2 div, #mid2 div, #rgt2 div {
	padding:4px 4px 4px 6px;
	height:14px;
	overflow:hidden;
	border:1px solid #7C8B74;
	color:#555;
	font-size:9px;
	line-height:14px;
	white-space:nowrap;
}

#btm a {
	color:#555;
	line-height:14px;
	font-size:9px;
	text-decoration:none;
}
#btm a:hover {text-decoration:underline}
#btm .set, #btm .set:hover {color:#000; text-decoration:none}

#mid2 {word-spacing:-0.2em}
* html #mid2 {word-spacing:0.1em; letter-spacing:-0.1em} /*IE*/

#rgt2 div span {display:block; text-align:right}

#btm .bevel {position:absolute}
#lft2 .bevel {margin:-29px 0 0 165px}
#mid2 .bevel {margin:-5px 0 0 406px}
#rgt2 .bevel {margin:-5px 0 0 -7px}

*html #mid2 .bevel {margin-top:-6px} /*IE*/

/* -------------------------------------- */

#logo {
	display:block;
	position:absolute;
	z-index:9;
	margin:19px 0 0 -50px;
	width:47px;
	height:337px;
	background:url('/elm/i/logo.png') no-repeat;
	text-decoration:none;
}


#lang {
	margin:6px 0 6px 0;
	padding:0;
	height:13px;
	overflow:hidden;
	text-align:right;
}

#head {
	display:block;
	width:830px;
	height:197px;
}

/* -------------------------------------- */

#navTop {
	width:830px;
	height:29px;
	margin:6px 0 0 -10px;
	padding-left:10px;
	list-style:none;
	position:absolute; /*IE*/
	}

#navTop li {
	float:left;
	background:url('/elm/i/nav0.gif') no-repeat left bottom;
	margin:0; 
	padding:0;
	width:83px;
	height:29px;
	display:inline;
	list-style-type:none;
  	}
	
#navTop a {
	float:left;
	display:block;
	line-height:13px;
	font-size:11px;
	font-weight:bold;
	padding:13px 0 0 4px;
	margin-right:4px;
	text-decoration:none;
	color:#555;
	}

#navTop a:hover {
	color:#000;
	}

#navTop .set {
	background:url('/elm/i/nav1.gif') no-repeat left bottom;
	}

#navTop .set a {
	color:#fff;
	}

/* -------------------------------------- */

a, a dfn {text-decoration:underline; cursor:pointer;
	position:relative} /*IE*/

a:hover, a:hover dfn {cursor:pointer; text-decoration:none}

dfn {background:#ffc; font-style:normal}

#site .alert {color:#d00}
.succs {display:block; padding:10px; background:#e1ecc6; color:#000; font-weight:bold}

i {font-style:italic}
img  {border:0}
.c   {clear:both;display:inline}
.hide {display:none}

form, button {display:inline}
input, textarea, select {margin:auto; padding:auto; line-height:normal}
input:focus, textarea:focus, select:focus {background-color:#ffc}
input:hover, textarea:hover, select:hover {*background-color:#ffc} /* IE7 */

hr {margin:0; padding:0; height:1px; background:#666 url('/elm/img/spacer-dots.gif'); color:none; border:0}

.line1, .line2 {height:1px; background:#7C8B74 url('/elm/img/spacer-dots.gif'); overflow:hidden;}
.line2 {background-color:#B5B5B5}

#mid ul {margin-bottom:-15px}
ul li {list-style-type:square}
ul li, ol li {margin:0 0 3px 35px}
*html ul li, * html ol li {margin-left:45px} /*IE*/

/* -------------------------------------- */

.ads img, .ads embed, .ads object {width:180px}

#mid .ads img {width:428px; min-height:55px}

dl, .ads a {
	display:block;
	margin:0 0 9px 0;
	padding:3px 3px 4px 3px;
	border:1px solid #a6b49e;
}
.ads a:hover {
	border-color:#000;
}

dt, h2 {
	margin:0;
	padding:0 0 0 22px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:17px;
	background:#7C8B74 url('/elm/i/header-box.gif') no-repeat 0 0;
}

dd {
	margin:0;
	padding:0 5px 0 5px;
	line-height:15px;
}

dd .line1, dd .line2 {margin:3px -5px 3px -5px}

dd .more, .Multi .more {
	display:block;
	position:static;
	margin:0 -5px 0 -5px;
	padding:0 0 0 8px;
	background:#c0c5a5;
	color:#555;
	font-size:9px;
	font-weight:bold;
	line-height:14px;
	text-decoration:none;
}
.Multi .more {margin:0 0 -8px 0}

dd .more:hover, .Multi .more:hover {color:#000}


#mid dl {margin:0; padding:0; border:0}
#mid dt {margin:0; padding:0; background:none; color:#333}
#mid dd {margin:; padding:0 0 0 20px; border:0}

/* -------------------------------------- */

h1 {
	font-size:17px;
	font-weight:bold;
	color:#222;
}

h2 {
	margin:-5px -7px 0 -7px;
	background-image:url('/elm/i/header-box2.gif');
}

h3 {
	margin:-4px 0 6px 0;
	color:#222;
}

*html #navTop a, *html dt, *html h1, *html h2 {letter-spacing:-0.1em} /*IE*/

#Single h5 {
	width:230px;
	margin:0 0 14px 0;
	padding:8px 0 8px 0;
	border:1px solid rgb(52,48,47); border-left:0; border-right:0;
}

/* -------------------------------------- */

#mid .line1 {margin:5px 0 4px 0}
#mid .line1b {margin:3px -7px 5px -7px}
#mid .line2 {margin:10px 0 3px 0}

.Multi .bevelR {
	position:absolute;
	margin:10px 0 0 397px;
	*margin:0 0 0 397px; /*IE6*/
}

.Multi, #Single, #Archiv {
	margin:0 0 9px 0;
	padding:8px 10px 12px 10px;
	border:1px solid #a6b49e;
}

.Multi img, #Single img {max-width:415px}


#Single .pic a,  .Multi .pic a,
#Single .pic2 a, .Multi .pic2 a {border:0; text-decoration:none}

#Single .pic img {width:224px} 
#Single .pic.vert img  {width:168px}

#Single .pic2 img,
.Multi  .pic img,
.Multi  .pic2 img {width:112px} 

#Single .pic2.vert img,
.Multi  .pic.vert img,
.Multi  .pic2.vert img {width:84px}

#Single .pic,
#Single .pic2,
.Multi  .pic,
.Multi  .pic2 {
	float:left; 
	margin:0px 14px 10px 0;
	padding:4px;
	border:1px solid #a6b49e;
	text-decoration:none;
}

#Single .pic:hover,
#Single .pic2:hover,
.Multi  .pic:hover,
.Multi  .pic2:hover,
#gal a:hover, #gal2 a:hover {border-color:#000}

#Single .pic2.right, .Multi .pic2.right {
	float:right;
	margin:5px 3px 5px 14px;
}
#Single .pic2.nobo, .Multi .pic2.nobo {border:0; padding:3px 0 0 0}

/* -------------------------------------- */

#Item {margin:10px 0 20px 0}
#Item td {vertical-align:top}

#Item #cover {
	margin:0 20px 0 0;
	padding:3px;
	width:168px;
	min-height:168px;
	border:1px solid #ccc;
}

#Item .line1c {margin-bottom:20px}
#Item b {display:block; float:left; width:50px}
#Tracks h1 {margin:0; padding:0; border:0; font-size:11px; color:#333}

#Tracks .vinyl {list-style-type:none}
#Tracks .vinyl li {margin-left:20px}
*html #Tracks .vinyl li {margin-left:23px} /*IE*/

#Item #buy {padding-left:20px; background:url('/elm/ico/buy.gif') 0 0 no-repeat}
#Item #buy a {font-weight:bold}

#relList td {padding:0 10px 10px 0; vertical-align:top}
#relList .small td {padding-bottom:0}
#relList #hd td {padding:0; height:1px; overflow:hidden}
#relList .hd {padding:0}
#relList .r {padding-right:0; white-space:nowrap}
#relList .new {padding-left:32px; background:url('/elm/ico/new.gif') 0 4px no-repeat}

/* -------------------------------------- */

#gal {margin:15px 0 -15px 0}
#gal2 {margin:0 -5px 0 -5px}

#gal a, #gal2 a {
	float:left;
	margin:8px 8px 0 0; 
	padding:4px; 
	border:1px solid #ccc;
	text-decoration:none;
}

#gal2 a {margin:3px 5px 2px 0; padding:0}

#gal .r, #gal2 .r {margin-right:0}

#gal a img, #gal2 a img {
	width:87px; 
	height:65px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#aaa;
}

#gal2 a img {
	width:84px;
	height:84px;
}

/* -------------------------------------- */

#newRel a {
	display:block;
	margin:6px 0 6px 0;
	padding:0;
	border:1px solid #999;
}
#newRel a:hover {border:1px solid #000}
#newRel img {width:168px; height:168px; min-height:168px;}


#newGig {margin:0; padding:0; width:170px}
#newGig td {padding:4px 0 4px 0; vertical-align:top; background:url('/elm/img/spacer-dots2.gif') repeat-x left top}
#newGig .nr1 td {border:0; padding-top:0; background:none}

/* -------------------------------------- */

#Archiv dl {margin:10px 0 0 0}
#Archiv dt {float:left; margin:0; padding:0; width:20%}
#Archiv dd {float:left; margin:0; padding:0 0 2px 2px; width:75%}

#navPage a {margin:0 3px 0 3px}
#navPage .set {
	padding:0 2px 0 2px; 
	font-weight:bold;
	color:#fff;
	background:#444;
	text-decoration:none
}

/* -------------------------------------- */

.inptxt {
	margin:0;
	width:170px;
	min-width:170px; /*SF*/
	max-width:170px; /*FF*/
	*width:164px; /*IE6*/
}
*:first-child+html .inptxt {min-width:164px} /*IE7*/

#search .inptxt {
	padding:1px 0 1px 20px;
	background:#fff url('/elm/search.gif') 4px 3px no-repeat;
	*width:144px; /*IE6*/
}
*:first-child+html #search .inptxt {min-width:144px} /*IE7*/


#player {background-color:#7c8b74}
#player dt {background:#53604c url('/elm/i/header-box.gif') no-repeat 0 0}

/* -------------------------------------- */

#tour table {
	width:100%;
}
#tour td {
	vertical-align:top;
}
#tour .l {
	width:1%;
}
#tour .r {
	width:99%;
}
.event {
	display:inline-block;
	margin-bottom:2px;
	width:5px;
	height:5px;
	background:#666;
	vertical-align:baseline;
}
td .event {
	float:right;
	margin:6px 0 0;
}