@charset "utf-8";

/*++++++++++++  Style Pop Out general ++++++++++++++++*/
/*

Hier stehen Sender-Popout spezifische CSS Angaben für das jeweilige Pop Out.

Wie mit Thomas besprochen, sollen im "generellen" Style die generellen Positionsangaben
des zugrundeliegenden Background Images definiert werden, während in den einzelnen
radiosender-popout css files (diesem hier) etwaige Farbabweichungen für links etc.
definiert werden.


*/

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

body {
	width: 477px;
	font-size: 13px;
	font-family: arial,sans-serif; 	
}

ul {
	list-style: none;	
}

.clearer {
	clear:both;
	height: 1px;
}

*html .clearer {
	overflow:hidden;
}

#wrapper {
	padding:0px 10px;
	background: #303030;
	position: relative;
	width: 453px;
	
}

.content-list-body {
	width: 443px;
	height: 110px;
	overflow-y: scroll;
	padding: 0 0 10px 10px;
	background: #fff;
}

#wrapper .content-broadcasts.twitter-link a {
	width: 423px;
	height: 40px;
	
}

.content-list-body span {
	padding-top:7px;
}

span {
	display:block;
	float:left;
	overflow:hidden;
	padding-right:8px;
	width:315px;
}
/* For links without href attribute */
a {
	cursor:pointer;	
}




.logo  {
	height:79px;
	width:477px;
	background: transparent url(/inc/micro/newyorker-sprite.jpg) no-repeat scroll 0 0;
	margin-bottom:10px;
	position: absolute;
	left:0;
}

*+html .logo {
	height: 69px;
	background-position-y: -10px;
}

*html .logo {
	height: 69px;
	background-position-y: -10px;
}


#content-body {
	padding-top: 170px;
}

*+html #content-body {
	padding-top: 160px;
}

*html #content-body {
	padding-top: 160px;
}


.content-body-white {
	background-color:#FFFFFF;
	padding: 0 10px;
}

*html .content-header {
	 width: 453px! important;
}

*html .content-listen {
	 width: 453px! important;
}

.content-list-row li {
	list-style-type: none;
}

.content-list-row {
	border-bottom: 1px dotted #C1C1B4;
	min-height: 1px;
	padding: 5px 0 2px;
	position: relative;
	width: 425px;
}

*html .content-list-row {
	overflow: hidden;
	height:auto;
}

*html .timing {
	width:100px;
}

.content-list-playbutton, .content-list-dlbutton {
	float:right;
}
.content-list-playbutton a {
	height: 22px;
	width: 15px;
	margin-right:8px;
	display:block;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat 0px -106px;
	text-decoration: none;
}

.content-list-dlbutton a {
	height: 20px;
	width: 15px;
	margin-right:22px;
	display:block;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat 0 -69px;
	text-decoration: none;
}

.content-header {
	height:23px;
	background-color: #e3001b;
	font-family: "Trebuchet MS";
	color:white;
	text-transform: uppercase;
	margin-top:5px;
	
}

.content-header p {
	padding:3px 10px;
	font-weight: bold;
}

.content-listen {
	height: 65px;
	padding:10px;
	margin-bottom: 40px;
	background: #fff;
}

.broadcast-logo {
	width:64px;
	height: 64px;
	margin-right:10px;
	background: transparent url(/inc/micro/newyorker-sprite.jpg) no-repeat -413px -76px;
	float:left;
	border: 1px solid #9a9a9a;
}

.broadcast-description {
	width:350px;
	float:right;
}

*html .broadcast-description {
	width:340px;
}
.broadcast-description span {
	font-style: italic;
	width: 325px;
}

.twitter-logo {
	float:left;
	height:50px;
	margin:10px 0;
	width:50px;
	margin-left:2px;
}

.twitter-message {
	height: 55px;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat scroll -80px -71px;
	float:right;
	margin-left:10px;
	margin-top:5px;
	padding-left:30px;
	padding-top:7px;
	width:360px;
}

.twitter-message span {
	color: #41a8bd;
}

.twitter-link {
	width: 443px;
	background: white;
	padding:5px 0px 5px 10px;
/*	border-top: 1px dotted #dfdfdf;*/
}

#border {
	border-top: 1px dotted #dfdfdf;
}

#border  a {
	height: 20px!important;
}
*html .twitter-link {
	width: 453px;
}

*+html .twitter-link {
	width: 453px;
	border: none!important;
}
*+html #wrapper .content-broadcasts {
	border: none!important;
}

*+html #border {
	border: none!important;
	border-top: 1px dotted #888888;
}

*html #border.twitter-link {
	border-top: 1px dotted #888888;
	height: 20px!important;
}


*html  #wrapper .content-broadcasts {
	border: none!important;
}
*html .content-broadcasts.twitter-link {
	width: 453px;

}
.twitter-link a{
	height: 20px;
	width: 15px;
	display: block;
	background: transparent url(/inc/micro/newyorker-sprite.jpg) no-repeat -1px -133px;
	background-color:#ffffff;
	
	
}

.twitter-link a {
	text-decoration: none;
	height: 20px;
}

.twitter-link a:hover {
	text-decoration: underline;
}


.twitter-link a, .twitter-link a:visited {
	padding-left:20px;
	color: #303030;
	display:block;
	width:147px;
	font-weight: bold;
	line-height: 19px;
}




.content-broadcasts {
	border: none;
}

.footer {
	margin-top:5px;
	height:38px;
	position:relative;
}


*html .footer {
	margin-left:82px;
}
.timing {
	float:left;
	text-align:right;
	width:92px;
}

#player_0 {
	left:30px;
	position:absolute;
	top:90px;
	z-index:3;
}


*html #player_0 {
	top: 100px;
}

*+html #player_0 {
	top: 100px;
}
/* Overwriting Twitter styles */

.twtr-hd, .twtr-ft {
	display: none !important;
}

.twtr-doc {
	border-radius:0 !important;
 	-moz-border-radius:0 !important;
 	-webkit-border-radius:0 !important;
}


.twtr-bd {
	background-color: white !important;
}
.twtr-tweet-text {
	font-size:13px;
	font-family: Verdana,arial,sans-serif !important;
}

a.radiolink {
 	position:absolute;
 	height: 25px;
 	width: 182px;
 	display:block;
 	top: 8px;
 	right: 0px;
 	background: transparent url(/inc/micro/newyorker-sprite.jpg) no-repeat scroll -171px -96px;
}

*html a.radiolink {
	right: -21px;
}
/* PODCAST */
#episode-list span {
	display: block;
	width: 370px;
	padding: 0;
}
#episode-list .content-list-row {
	padding: 4px 0;
	overflow:hidden;	
}
#episode-list .content-list-row .episode-title{
	height: 15px;
	float:left;	
}
#episode-list .content-list-playbutton {
	float:right;
	height: 17px;
	width: 17px;
	margin-right:8px;
	text-decoration: none;
}
.play-this-episode{
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat 0px -186px;
	cursor:pointer;
}
#episode-list a.content-list-dlbutton {
	float:right;
	height: 15px;
	width: 15px;
	margin-right:8px;
	display:block;
	background: transparent url(/inc/micro/dmexco-sprite.png) no-repeat 0 -69px;
	text-decoration: none;
}

/* PLAYING ICON */
.playing {
	float:right;
	height:17px;
	overflow:hidden;
	margin-right:8px;
	text-align:right;
	width:17px;
}


#twitter-bird {
	width: 45px;
	height: 44px;
	float: right;
	background: transparent url(/inc/micro/newyorker-sprite.jpg) no-repeat -359px -81px;
	position: absolute;
	right: 10px;
	top: 286px;

}

*html #twitter-bird {
	top: 282px;
}


#weitere-sender {
	padding: 10px 0;
	font-weight:bold;
}
#weitere-sender a {
	line-height:18px;
	display:block;
	color:#010101;
	width:400px;
	float:left;
}
#weitere-sender a.play-button-link {
	background:url(/inc/micro/webde-play-button.png) no-repeat left 2px;
	display:block;
	float:left;
	height:45px;
	width:20px;
}

*html #twitter-bird {
	top: 277px!important;
}