/*
 * COLORS
 */
/*
 * blue			#28a2d7
 * red			#e43426
 * dark red		#932118
 */
@media screen, projection {
/*
 * ALLGEMEIN
 */

* {
	margin:0;
	padding:0;
	}

body {
	font:100%/1.25 Arial, sans-serif;
	background:#000;
	color:#eee;
	min-width:990px;
	}

p {
	margin-bottom:1.25em;
	}

a {
	color:#e43426;
	text-decoration:underline;
	}

a:visited {
	color:#bbb;
	}

a:hover,
a:active,
a:focus {
	color:#fff;
	}

a img {
	border:none;
	}

/*
 * Clearing
 */

#stations .inner:after,
#stations .hgroup:after,
#stations .footer:after,
#stations .pdf:after,
h3.claim:after,
#footer:after {
	content:".";
	display:block;
	clear:both;
	height:.1px;
	font-size:1px;
	visibility:hidden;
	}

/* @hack: haslayout statt clear */

/*
 * MAIN LAYOUT
 */

#main {
	background:url(stripe.jpg) 50% 100% no-repeat; /* footer-Bild */
	padding-bottom:170px;
	}

/* Zentrierte Elemente */
#header,
#stations .inner,
.general .inner,
#footer .inner {
	width:980px;
	padding:0 5px;
	margin:0 auto;
	}

/* @hack: IE 5.5 Box Model Bug + Zentrieren */

/* geteilte Elemente */

.station,
#footer .section {
	float:left;
	width:490px;
	}

/*
 * header
 */

#header {
	height:73px;
	position:relative; /* containing block */
	z-index:1; /* stacking advert for IE 6 */
	}

#header h1,
#header h1 b.ir,
#header h2 {
	position:absolute;
	}

#header h1 {
	left:0;
	top:0;
	height:73px;
	}

#header h1 img { /* only for print */
	width:0;
	}

#header h1 b.ir {
	left:-90px;
	top:0;
	height:100%;
	width:500px;
	background:url(justmusic-logo.png) 0 0 no-repeat;
	}

#header h2 {
	font-size:112.5%;
	right:15px;
	bottom:17px;
	}

/* red dot */
#header h2 span {
	font-size:125%;
	color:#e43426;
	}

/*
 * STATIONS
 */

#stations {
	background:url(stations-bg.png) 50% 0 repeat-y;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	}

#stations .inner1 {
	overflow:hidden; /* endless stripe abschneiden; wg. IE6/7 nicht in #stations (BG-pos falsch */
	overflow-x:hidden;
	overflow-y:visible;
	position:relative; /* damit Opera keine hor. Scrollbar anzeigt; ebenso IE6/7 */
	}

/* @hack: IE6/6 endless stripes abschneiden */

#stations .inner {
	position:relative; /* Containing Block for Images */
	padding-bottom:128px; /* Platz fuer Images */
	}

/* Both */

.station .hgroup {
	padding:8px 15px;
	}

.station .hgroup h2 {
	float:right;
	height:75px;
	}

/* @hack: IE6 cropping + doubled float-margin */

.station .hgroup h2 img {
	visibility:hidden; /* for print only */
	width:161px; /* half of real print logo width */
	}

.station .hgroup h3 {
	font-size:100%;
	font-weight:bold;
	padding-top:5px;
	}

/* @hack: IE6/7 ueber Logo legen */

.station .content {
	font-size:87.5%;
	}

.station .content .main {
	padding-top:12.5px;
	}

.station .main {
	min-height:10em;
	padding-bottom:1.25em;
	}

/* @hack: min-height-Ersatz */

.station .footer {
	padding-bottom:22.5px;
	position:relative; /* 110606 - CB */
	}

.station .footer p {
	margin:0;
	}

/* facebook fuer rcktv; neu 110606;
 * jukebox 110803 */

.station p.facebook {
	width:200px;
	position:absolute;
	right:2px;
	bottom:.25em;
	line-height:1em;
	}

.station p.facebook a {
	display:block;
	padding-right:30px;
	color:#eee;
	text-decoration:none;
	background:url(f_logo.png) 100% 50% no-repeat;
	text-align:right;
	font-weight:bold;
	}

.station p.facebook a:hover {
	color:#e43426;
	text-decoration:underline;
	}

.station ul {
	list-style:none;
	}

.station li {
	float:left;
	}

/* PDF-List */

.pdf {
	padding:7.5px 0 15px;
	margin:0 -12px;
	}

.pdf h3 {
	position:absolute;
	left:-9999px;
	}

/* @hack: IE6 huepfen bei a:hover */

.pdf li {
	width:234px;
	}

.pdf a {
	display:block;
	position:relative; /* Containing Block fuer IR */
	text-align:center;
	color:#fff;
	height:55px;
	}

/* @hack: IE6 stabiles hover */

.pdf a b.ir {
	background:url(buttons_110803.png) no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	cursor:pointer; /* missing link cursor in IEs and ... */
	}

/* Image-List */

ul.images {
	height:113px;
	padding-top:15px; /* enthaelt Unterkante der Box als Grafik */
	position:absolute;
	bottom:0;
	width:475px;
	}

.images li.figure {
	position:relative; /* Containing Block */
	height:100%;
	}

.images li.figure img {
	display:block;
	}

.images .figcaption {
	font-size:68.75%;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding-top:.1em;
	height:1.4em;
	text-align:center;
	}

/* Jukebox */

#jukebox {
	background:#28a2d7 url(jukebox-vert-dotted.gif) 0 22.5px repeat-y;
	color:#fff;
	}

#jukebox .hgroup {
	border-top:22.5px solid #28a2d7;
	background:url(jukebox-hor-dotted.gif) 0 0 repeat-x;
	margin-right:15px;
	}

#jukebox .hgroup h2 {
	background:url(jukebox-logo.gif) 0 0 no-repeat;
	float:right;
	margin-top:-30px;
	margin-right:-30px;
	margin-left:-100px; /* Platz fuer headline */
	}

#jukebox .content {
	margin-left:15px;
	margin-right:30px;
	}

#jukebox .content p.last {
	margin-bottom:0;
	}

#jukebox .main,
#jukebox .footer {
	background:url(jukebox-transp-bg.png) 0 0 repeat;
	margin:0 -22.5px;
	padding-left:22.5px;
	padding-right:22.5px;
	}

/* @hack: IE6 cropping + alphaImage*/

#jukebox .footer p,
#jukebox p.facebook {
	font-weight:bold;
	background:url(jukebox-transp-bg.png) 0 0 repeat;
	float:left;
	margin:-7.5px;
	padding:7.5px;
	}

/* @hack: IE6 doubled float-margin + alphaImage + fb-Link ohne BG */

/* facebook fuer jukebox; neu 110803 */
.fb-space { /* fb-Link nach unten drücken */
	float:right;
	width:1px;
	height:3em;
	}

#jukebox p.facebook {
	position:static;
	float:right;
	/*clear:right; /* unter spacer */
	width:auto;
	margin:0 -7.5px 0 5px;
	padding:2.5px 7.5px;
	}

#jukebox p.facebook a {
	font-weight:normal;
	font-size:85.71%;
	}

#jukebox p.facebook a {
	color:#fff;
	}

#jukebox .pdf {
	background:url(jukebox-hor-dotted.gif) 0 100% repeat-x;
	}

#jukebox .pdf .bt1 b.ir {
	background-position:-2px 0;
	}

#jukebox .pdf .bt1:hover b.ir {
	background-position:-2px -55px;
	}

#jukebox .pdf .bt2 b.ir {
	background-position:-237px 0;
	}

#jukebox .pdf .bt2:hover b.ir {
	background-position:-237px -55px;
	}

#jukebox ul.images {
	background:#28a2d7;
	margin-right:15px;
	}

#jukebox .images li.first .figcaption {
	border-left:600px solid #5eb9e1; /* IE7: max 960px ?! */
	margin-left:-600px;
	}

#jukebox .images li.last .figcaption {
	border-right:15px solid #5eb9e1;
	margin-right:-15px;
	}

#jukebox .images .figcaption {
	background:url(jukebox-img-stripe.png);
	}

/* @hack: IE6 filter + positions-Korrektur */

/* RCKTV */

#rcktv {
	background:url(rcktv-vert-left-line.gif) 15px 100% no-repeat;
	}

#rcktv .hgroup {
	border-top:22.5px solid #000;
	background:url(rcktv-hor-top-line.gif) 0 0 no-repeat;
	margin-left:15px;
	}

#rcktv .hgroup h2 {
	margin-top:-30px;
	margin-right:-22.5px;
	background:url(rcktv-logo.gif) 0 0 no-repeat;
	}

#rcktv .hgroup h3 {
	text-transform:uppercase;
	white-space:nowrap; /* sonst bei Umbruch z.T. Text nicht lesbar */
	}

#rcktv .hgroup h3 span {
	background:#fff url(rcktv-claim-bg.gif);
	color:#000;
	line-height:1em;
	height:.8em;
	float:left;
	clear:left;
	margin:0 0 .25em;
	padding:.1em 0;
	}

#rcktv .content {
	font-family:"Courier New", Courier, sans-serif;
	background:url(rcktv-vert-right-line.gif) 100% 0 no-repeat;
	padding:0 15px 0 30px;
	}

#rcktv .content p {
	margin-bottom:0;
	}

#rcktv .content strong {
	color:#e43426;
	}

#rcktv .pdf {
	background:url(rcktv-hor-bottom-line.gif) 0 100% no-repeat;
	}

#rcktv .pdf .bt1 b.ir {
	background-position:-507px 0;
	}

#rcktv .pdf .bt1:hover b.ir {
	background-position:-507px -55px;
	}

#rcktv .pdf .bt2 b.ir {
	background-position:-743px 0;
	}

#rcktv .pdf .bt2:hover b.ir {
	background-position:-743px -55px;
	}

#rcktv ul.images {
	margin-left:15px;
	font-family:"Courier new", Courier, sans-serif;
	}

#rcktv .images .figcaption {
	background:url(rcktv-img-stripe.png);
	}

/* @hack: IE6 filter + Pos- Korrektur */

#rcktv .images li.first .figcaption {
	border-left:15px solid #404040;
	margin-left:-15px;
	}

#rcktv .images li.last .figcaption {
	border-right:600px solid #404040;
	margin-right:-600px;
	}

/*
 * GENERAL CONTENT
 */

.general {
	padding-top:140px;
	min-height:120px;
	}

/* @hack: IE6 min-height-Ersatz */

.general .inner {
	width:950px;
	padding:0 20px;
	}

.general h2 {
	position:absolute;
	left:-9999px;
	}

.general p {
	margin-bottom:0;
	}

/*
 * reception only
 */

.general#reception {
	background:url(reception.jpg) 50% 0 no-repeat;
	}

/*
 * partner only
 */

.general#partner {
	background:url(partner.jpg) 50% 0 no-repeat;
	}

#partner ul {
	list-style:none;
	text-align:center;
	vertical-align:middle;
	}

#partner li {
	display:-moz-inline-stack; /* FF < 3 */
	display:inline-block;
	vertical-align:middle;
	width:180px;
	height:100px;
	margin:0;
	text-align:center;
	}

/* @hack: IE < 8 inline-block + ohne vert. Zentrierung */

#partner li div {
	width:200px;
	margin:0 -10px -15px;
	height:115px;
	}

/* @hack: IE cropping */

#partner li a {
	display:table-cell;
	vertical-align:middle;
	width:200px;
	height:115px;
	}

#partner li img {
	width: 150px;
	display:block;
	margin:0 auto;
	/* Transition fuer moderne Browser */
	-moz-transition: width .2s;
	-ms-transition: width .2s;
	-o-transition: width .2s;
	-webkit-transition: width .2s;
	transition: width .2s;
	}

/* @hack: IE6 ohne Effekt */

#partner li:hover img {
	width:200px;
	position:relative; /* oben, falls Ueberlappung */
	}

/* Doppel-Partner 111115 */
#partner li.double {
	width:360px;
	}

#partner li.double div,
#partner li.double a {
	width:400px;
	}

#partner li.double div {
	margin:-5px -20px -15px;
	}

#partner li.double img {
	width:300px;
	}

#partner li.double:hover img {
	width:350px;
	}

/*
 * FOOTER
 */

#footer {
	background:url(stripe_bg.jpg) 50% 0 repeat;
	font-size:87.5%;
	padding-top:15px;
	padding-bottom:30px;
	}

#footer .section {
	padding-left:15px;
	width:475px;
	}

#footer h2 {
	font-size:115%;
	text-transform:uppercase;
	color:#e43426;
	font-weight:bold;
	margin-bottom:1em;
	}

#footer h3 {
	font-size:100%;
	margin-bottom:.5em;
	}

#footer table {
	border-collapse:collapse;
	border-spacing:0;
	}

#footer td ,
#footer th {
	vertical-align:top;
	padding-top:.1em;
	padding-bottom:.1em;
	border-bottom:1px dotted #666;
	}

#footer tr:first-child td,
#footer tr:first-child th {
	border-top:1px dotted #666;
	}

#footer #imprint th {
	text-align:left;
	font-weight:normal;
	border-color:#932118;
	padding-right:.3em;
	}

#footer td {
	padding-left:.3em;
	}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
	}

/* @hack: IE6 kein pos. fixed */

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
	}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
	}

/* @hack: IE6 kein pos. fixed */

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
	}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
	}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
	}

/*@hack: IE6 kein schw. Rahmen */

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
	}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
	}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
	}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
	background:#fff;
	color:#000;
	}

#fancybox-title {
	color:#eee;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 75%;
	z-index: 1102;
	}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
	}

/* @hack: IE6 kein schw. Rahmen */

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

/* @hack: filter fuer IE 6 */

} /* end @media screen, projection */


@media print {

/* 
 * ALLGEMEIN
 */

body {
	font:100%/1.25 Arial, sans-serif;
	}

a {
	color:#000;
	text-decoration:none;
	}

#main a[href]:after {
	content:" ["attr(href)"]";
	font-size:90%;
	font-style:italic;
	}

h2 {
	font-size:125%;
	margin:1em 0;
	}

h3 {
	font-size:100%;
	margin:1em 0;
	}

p {
	margin:1em 0;
	}

td,
th {
	vertical-align:top;
	border-top:1px solid;
	padding-top:.2em;
	}

th {
	text-align:left;
	}

/*
 * hidden
 */

.images,
.pdf {
	display:none;
	}

/* 
 * HEADER
 */

#header {
	text-align:right;
	/*min-height:34px; /* statt containing floats (Seitenumbruch bei CLear im FF) */
	}

h1 img {
	width:250px;
	float:left;
	}

/* containing floats */

.station:after,
.pdf:after {
	content:".";
	display:block;
	height:.1px;
	visibility:hidden;
	clear:both;
	}

/*
 * MAIN
 */

#main {
	padding-top:1em;
	}

#stations .station {
	border:1pt solid;
	padding:.5em;
	margin-bottom:1em;
	}

#stations h2 img {
	width:161px;
	float:right;
	}

#stations ul,
#stations li {
	list-style:none;
	margin:0;
	padding:0;
	}

#stations .footer {
	border-top:1pt solid;
	}

#rcktv {
	font-family:"Courier New", Courier, sans-serif;
	}

#rcktv h3.claim {
	text-transform:uppercase;
	}

/* Partner 111020 */
.general {
	border-bottom:1px solid;
	}

#partner ul {
	list-style:none;
	}

#partner li {
	margin-bottom:1em;
	}

/*
 * Adverts
 * 101019, cr
 */

#ad-vert {
	display:none;
	}

	
} /* end @media print */