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

@import url('shop.css');
@import url('colorbox.css');
@charset 'utf-8';


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* table still need 'cellspacing=0' */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after, div.r: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 */

/* ####################################################################### */

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:#fff;
	outline:0;
}

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

body {
	background:#c0b685 url('../i/bg.jpg') 0 0 fixed repeat-x;
	font-size: 100.01%;
}

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:884px;
	margin:0 auto;
	text-align:left;
}

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

#XXX cnt {
	background:#fff url('') center no-repeat;
}

#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 20px 0;
	padding:4px 0 0;
	width:884px;
	border-top:2px dotted #d9d9d9;
	text-align:center;
}

.text, .text a {
	color:#777;
}

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

#lang {
	margin-top:-16px;
	height:32px;
	text-align:right;
}
#lang a {
	opacity:0.4;
	filter:alpha(opacity=40);
}
#lang a.set, #lang a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#lang img {
	width:20px;
	height:12px;
}

#logo {
	position:absolute;
	z-index:2;
	margin:-16px 0 0 16px;
	width:850px;
	height:125px;
	background:url('../i/musicatweb.png') center no-repeat;
}
*html #logo {
	background-image:url('');
}

#head {
	width:884px;
	height:100px;
	background:#c0b683;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

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

#site .nav, .nav a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#site .nav:hover {
	text-decoration:underline
}

#nav {
	margin:0;
}
#nav li {
	margin:0 0 10px 0px;
	list-style:none;
}
#nav a {
	display:block;
	padding:0;
	font-size:14px;
	text-decoration:none;
	line-height:normal;
	color:#fff;
	border:0;
}
#nav a:hover {
	background:none;
	text-decoration:underline;
}
#nav li.set > a,
#nav li.set > a:hover,
#nav .sub li.set a, 
#nav .sub li.set a:hover {
	color:#000;
}

#nav .sub {
	margin:10px 0 0 20px;
}

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

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}
#site .success {color:#0f0}
.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}

#site .auto, #container .table .auto, #site .cbox, .cbox {width:auto; max-width:none}

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

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

#mid ul {margin-bottom:-16px}
ul li, ol li {margin:0 0 16px 32px}
ul li {list-style-type:circle}
ol li {list-style-type:decimal}

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

a.btn, a.btn span {
	background:transparent url('../i/btn.png') no-repeat 0;
}
a.btn.wee, a.btn.wee span {
	background:transparent url('../i/btn_wee.png') no-repeat 0;
}
#site a.btn, a.btn {
	display:block;
	float:left;
	overflow:hidden;
	margin-right:6px;
	padding-right:18px;
	height:24px;
	background-position:100% -48px;
	text-decoration:none;
	border:0;
}
#site a.btn.wee, a.btn.wee {
	margin-top:3px;
	padding-right:14px;
	height:19px;
	background-position:100% -38px;
}
#site a.btn:hover {
	border:0;
	background:transparent url('../i/btn.png') no-repeat 100% -48px;
}
#site a.btn.wee:hover {
	border:0;
	background:transparent url('../i/btn_wee.png') no-repeat 100% -38px;
}
a.btn:hover span, a.btn.wee:hover span {
	color:#000;
}
#site a.btn:active, a.btn:active {
	background-position:100% -72px;
}
#site a.btn.wee:active, a.btn.wee:active {
	background-position:100% -57px;
}
a.btn span, a.btn.wee span {
	display:block;
	padding:5px 0 5px 18px;
	line-height:14px;
	background-position:0 0;
	color:#505050;
}
a.btn.wee span {
	padding:4px 0 3px 14px;
	font-size:10px;
	line-height:11px;
	height:12px;
}
a.btn:active span {
	padding:6px 0 4px 18px; /* push text down 1px */
	background-position:0 -24px;
}
a.btn.wee:active span {
	padding:5px 0 2px 14px;
	background-position:0 -19px;
}

a.btn i.loading, .ico.loading, .navPage.loading i, .result.loading i, 
.select .ico.loading, a.collapsible.loading {
	background-image:url('../i/load_m.gif');
	background-position:0 0;
}

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

.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:#b4ab7b url('../i/xbg_cnt.png') 0 -700px repeat-x;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
dl *, dd div, dd a, dd td, dd form {
	color:#fff;
}
dt, dt a {
	margin-bottom:6px;
	color:#000;
	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; color:#333}
#mid dt *, #mid dd * {color:#333}

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

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

h2, h2 a, h2 span {
	margin-bottom:0.4em;
	padding-bottom:0.3em;
	color:#fff;
	font-size:25px;
	line-height:1em;
	text-decoration:none;
}
h2 {border-bottom:1px dotted #fff}
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:#bbb;
}
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:#9d956a url('../i/xbg_cnt.png') 0 -700px repeat-x;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
*html .Multi, 
*html #Single, 
*html #Archiv {
	background:#fff;
}
.inner {
	padding-bottom:6px;
	border-bottom:0px 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:0px;
	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}

.more, .more a {font-weight:bold}

a.thickbox {
	position:relative;
}
a.thickbox p {
	position:absolute;
	bottom:10px;
	right:10px;
	width:10px;
	height:10px;
	background:url('../i/zoom.gif') no-repeat;
	filter:alpha(opacity=50);
	opacity:0.5;
	*overflow:hidden;
}
a.thickbox:hover p {
	filter:alpha(opacity=100);
	opacity:1;
}

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

#mid a.snd {
	background-image:url('../i/snd_off.gif');
	background-position:right 50%;
	background-repeat:no-repeat;
	padding-right:16px;
}
#mid a.snd.set {
	font-weight:bold;
 	background-image:url('../i/snd_on.gif');
}

#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 a img {
	width:96px; 
	height:72px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#aaa;
}

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

#Archiv {margin:0 0 10px 0}
#Archiv dt {float:left; margin:0; padding:0; width:18%; font-weight:bold}
#Archiv dd {float:left; margin:0; padding:0 0 8px 0; width:77%}

.navPage a {margin:0 2px 0 2px}
.navPage a.set {
	padding:0 2px 0 2px; 
	font-weight:bold;
	color:#fff;
	background:#444;
	text-decoration:none;
	border:0;
}
.navPage a.show {color:#555}
.navPage .navForm {
	display:none;
	position:absolute;
	margin:4px 0 0 1px;
}

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

#recaptcha_image, #recaptcha_image img,
#recaptcha_image embed, #recaptcha_image object {
	margin:0; padding:0; border:0; background:none;
	width:100%;
	height:55px;
}
#recaptcha_image embed, #recaptcha_image object {height:40px}

input, select, .selectbox, textarea {
	padding:4px 3px;
	width:100%;
	max-width:100%;
	border:1px solid; 
	border-color:#aaa #f6f6f6 #f6f6f6 #ccc;
	background-color:#fff;
	color:#000;
	line-height:normal;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	*padding-right:0;
	*max-width:99.3%;
	_width:99.3%;
}
input.cbox {
	padding:0;
	border:0;
	*background:transparent;
}
input:focus, textarea:focus, select:focus {background-color:#fff}
input:hover, textarea:hover, select:hover {*background-color:#fff} /* IE7 */

div.r.first {
	padding-top:0;
}
div.r {
	width:100%;
	padding-top:12px;
}
div.r > span:first-child {
	float:left;
	width:32%;
	text-align:right;
}
div.r > span {
	float:right;
	width:62%;
	text-align:left;
}

.half {
	width:49.5%;
	max-width:49.5%;
}
.quar {
	width:25%;
	max-width:25%;
}
.octa {
	width:12.5%;
	max-width:12.5%;
}
#site .full {
	width:100%;
}
.wee, #site .wee {
	height:32px;
}
.med, #site .med {
	height:60px;
}

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

#Tour table {
	width:100%
}
#Tour tr.none td {
	padding:0
}
#Tour td {
	padding:0 16px 16px 0;
	vertical-align:top;
}
#Tour td.r {
	padding-right:0;
}
#Tour p {
	display:none;
}
#Tour .pic {
	margin:0;
}
#Tour .pic img {
	width:80px;
}

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

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

#search {
	display:block;
	width:100%;
	*position:relative;
}
#search-submit {
	display:block;
	float:left;
	margin-right:4px;
	width:16px;
	height:20px;
	background:transparent url('../i/search.png') 0 1px no-repeat;
	*background-position:0 2px;
	border:0;
	text-decoration:none;
	opacity:0.4;
	filter:alpha(opacity=40);
}
#search input {
	padding:2px;
	*padding:0 2px;
	width:140px;
	*width:126px;
	min-width:140px;
	max-width:140px;
	max-height:20px;
	*min-width:130px;
	*max-width:130px;
	border:0;
	font-size:12px;
	color:#000;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
#search input.default {
	padding:0 2px 0 3px;
	color:#777;
	text-transform:uppercase;
	font-size:15px;
	background:transparent;
	border:0;
}
#search input.default:hover {
	cursor:pointer;
	color:#aaa;
}

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

#vote .head {
	color:#fff;
}
#vote .text {
	line-height:14px;
	font-size:11px;
}
#vote .list {
	margin:8px 0;
}
#vote .bar {
	margin:0 0 3px;
	height:7px;
	background:#777;
}
#vote .result {
	margin-bottom:3px;
}
#vote .total {
	font-size:11px;
	text-align:right
}

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

#Form {
	display:block;
	padding:10px 0 14px 0;
}
#Form .row:first-child {padding-top: 0}
*html #Form {padding-top: 0} /*IE*/

#Form .row {
	clear: both;
	width: 92%;
	padding-top: 16px;
}
#Form .row span.l {
	float: left;
	width: 30%;
	text-align: right;
}
#Form .row span.r {
	float: right;
	width: 63%;
	text-align: left;
}

#Form input, #Form select {width:100%}
#Form textarea {width:100%; height:99px}
*html #Form input, *html #Form select, *html #Form textarea {width:98.5%} /*IE6*/

#recaptcha_image, #recaptcha_image img,
#recaptcha_image embed, #recaptcha_image object {
	margin:0; padding:0; border:0; background:none;
	width:100%;
	height:55px;
}
#recaptcha_image embed, #recaptcha_image object {height:40px}