/* #################################################
# Projekt 	: CSS - Nic Chagall
# Stand     : 28.10.08
# 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:12px Arial, Helvetica, sans-serif;
	line-height:19px;
	color:#333;
}

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

body {background:#e6e6e6 url('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}

.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix {display:inline-block}
/* Hides IE-mac \*/ 
* html .clearfix {height:1%} /*IE6*/
.clearfix {display:block}
/* End IE-mac */

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

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


#top {
	margin:0;
	padding:0;
	width:884px;
}


#lft, #rgt {
	float:left;
	margin:12px 0 0;
	padding:0;
	width:186px;
	overflow:hidden;
}

#mid {
	float:left;
	margin:12px 14px 0 14px;
	padding:0;
	width:484px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:484px;
	overflow:hidden;
}
html>body #mid {width:484px}


#btm {
	margin:6px 0 60px 0;
	padding:0;
	width:884px;
	text-align:center;
}

#btm, #btm a {
	color:#000;
	text-decoration:none;
}
#btm a:hover {text-decoration:underline}

#copy {
	color:#000;
}

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

#lang {
	margin:2px 0 4px 0;
	*padding-top:1px;
	height:13px;
	overflow:hidden;
	text-align:right;
}
*html #lang {padding-top:3px}

#logo {
	position:absolute;
	z-index:2;
	margin:107px 0 0 578px;
	width:325px;
	height:109px;
}
html>body #logo {
	background:url('nicchagall.png') 0 0 no-repeat;
}
*html #logo {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elm/nicchagall.png', sizingMethod='crop')
}

#head {
	display:block;
	width:884px;
	height:180px;
}

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

#nav {
	/* *position:absolute;*/
	width:884px;
	margin-top:16px;
	background:#555;
}
#nav li {
	float:left;
	margin:0; 
	padding:0;
	width:98px;
	list-style:none;
}
#nav li.last {
	width:100px;
}
#nav a {
	display:block;
	margin:0px;
	padding:0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}
#nav a:hover {
	color:#f60;
}
#nav .set {
	background:#fff;
}
#nav .set a {
	color:#f60;
}

#nav2 {
	padding-top:4px;
	border-top:2px dotted #888;
}
#nav2 a {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #888;
	color:#000;
}
#nav2 a.last2 {
	margin:0;
	padding:0;
	border:0;
}
#nav2 a.set {
	color:#f60;
}

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

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}
.outside {position:absolute;left:-2000px;top:-2000px;width:1px;height:1px;overflow:hidden}

small, small a, .small, .small span, .small a {font-size:10px}

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}

#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:160px;
	margin-top:11px;
}
.ads img:hover {
	opacity:0.8;
}
dd.ads {
	margin-top:-11px;
}
#mid .ads img {width:456px; min-height:55px}

#lft dl, #rgt dl {
	margin:0 0 10px;
	padding:13px;
	background:#555;
}
dl *, dd div, dd a, dd td, dd form {
	color:#eee;
}
dt, dt a {
	margin-bottom:6px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
*html #lft dt, *html #rgt dt {
	letter-spacing:0.03em
}
dt a:hover {
	text-decoration:underline;
}
dd {
	margin:0;
	padding:0;
	line-height:15px;
}

#mid dl {margin:0; padding:0; border:0}
#mid dt {margin:0; padding:0; background:none; color:#333; text-transform:none}
#mid dd {margin:0; padding:0 0 0 20px; border:0}
#mid dt *, #mid dd * {color:#333}

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

h1 {
	margin-bottom:0.6em;
	padding-bottom:0.3em;
	font-size:19px;
	font-weight:normal;
	color:#777;
	border-bottom:1px dotted #888;
}

h2, h2 a, h2 span {
	margin-bottom:0.5em;
	padding-bottom:0.3em;
	color:#888;
	font-size:25px;
	line-height:1em;
	text-decoration:none;
	border-bottom:1px dotted #888;
}
h2 a:hover {color:#000; background:none;}

h2 .sub {
	display:block;
	margin:0 0 -5px;
	padding:6px 0 0;
	border:0;
	font-size:12px;
	color:#888;
}
h2.small {
	font-size:18px;
}

*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;
}

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

#status {
	padding:0 14px 14px;
	text-align:right;
	text-transform:uppercase;
	font-size:25px;
	line-height:20px;
	border:0;
}

.Multi, #Single, #Archiv {
	margin:0 0 14px 0;
	padding:14px 14px 8px;
	background:url('/elm/img/white75.png');
}
*html .Multi, 
*html #Single, 
*html #Archiv {
	background:#fff;
}
.inner {
	padding-bottom:6px;
	border-bottom:1px dotted #888;
}

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


#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 #ccc;
	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:0 0 20px}
#Item td {vertical-align:top}

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

#Item b {display:block; float:left; width:50px}
#Tracks h1 {
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	font-weight:bold;
	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 {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}

#gal a {
	float:left;
	margin:8px 8px 0 0; 
	padding:4px; 
	border:1px solid #ccc;
	text-decoration:none;
}
#gal .r {
	margin-right:0
}
#gal img {
	width:87px; 
	height:65px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#aaa;
}

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

#newGal a.thickbox {
	float:left;
	padding:0 3px 3px 0;
	border:0;
	text-decoration:none;
}
#newGal img {
	width:77px;
	height:77px;
	background-position:center;
}
#newGal a:hover {
	opacity:0.8;
}

#newRel {
	margin-top:-6px;
}
#newRel a {
	display:block;
	margin-top:13px;
	padding:0;
}
#newRel a:hover {
	opacity:0.8;
}
#newRel img {
	width:160px;
	height:160px;
	min-height:160px;
}

#newGig table {
	margin:0 0 -4px;
	padding:0;
	width:100%;
}
#newGig td {
	padding:4px 0;
	vertical-align:top;
	border-top:1px dotted #888;
}
#newGig .nr1 td {
	border:0;
	padding-top:0;
	border-top:0;
}

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

#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
}

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

input.inptxt {
	margin:0 0 8px;
	padding:2px;
	width:156px;
	min-width:156px; /*SF*/
	max-width:156px; /*FF*/
	*width:142px; /*IE6*/
	*min-width:142px;
	border:0;
	color:#000;
}

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

#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;
}