@charset "ISO-8859-1";
/***************************************************************************

	Name:		p3.css
    Site:		www.dr.dk/p3
	Author:		Bjarni Olsen
	Date:		Februar - April 2010

	Table of Contents:
	=================

	=GLOBAL SETTINGS
	=FONTS
	=NAVIGATION
		=Submenu
		=Breadcrumb
        =Sub navigation (inline navigation)
        =Paginator
    =BLOG SECTIONS
    =IMAGES
    =HORIZONTAL RULER SECTIONS
    =FORMS
    =P3 LIGE NU
    =RULERS & GADGETS
	=GRID LAYOUT
        =Badges
    =CONTENT
        =Frontpages
        =addthis
        =Blog content
        =Blog spots
        =Related blogposts
        =Tags
        =Poll
        =Searchresult
        =Comments
        =P3listen
        =Gallerier
        =VÃƒÂ¦rter
        =Systemlisten
        =Sendeplan
        =Chart List
        =Blog footer
        =Podcasts
        =Moblog
        =Right spots
        =Playlist
    =THEMES

****************************************************************************/


/* *************************************************************************
=GLOBAL SETTINGS
************************************************************************** */
html { 
	background-color: #fff; 
}
body {
	font-size: 11px;
	color: #000;
    /*background: url("../Images/top_bg_new.jpg") repeat-x scroll 0 0 transparent;*/
}
#ba_containerFor990x180 {
	display: block;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	_height: 0;
	.height: 0;
	background-color: #000;
}
#ba_containerFor990x180 div {
	display: block !important;
	margin: 0 auto;
}
h1, h1 a, h1 a:link, h1 a:visited, h1 a:active {
	margin: 0 0 6px;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
h1 a:hover {
    text-decoration: underline;
}
h1 span {
    font-weight: bold;
    font-style: italic;
}
.metainfoblog {
    display: block;
    margin: 0 0 10px;
}
h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 18px;
	font-size: 12px;
}
#breadcrumb h2 {
    line-height: 19px;
    font-weight: normal;
}
#breadcrumb h2 a, #breadcrumb h2 a:link, #breadcrumb h2 a:active, #breadcrumb h2 a:visited {
    font-weight: normal;
    font-size: 12px;
}
.list h2 a, .list h2 a:link, .list h2 a:active, .list h2 a:visited {
    font-size: 22px;
    line-height: 26px;
    text-decoration: none;
}
.blogpost h2 {
    font-size: 18px;
}
h3 { 
	margin: 0 0 10px;
	height: auto;
	font-weight: bold;
	font-size: 11px;
}
p { 
	font-size: 12px;
	margin: 10px 0;
	line-height: 20px;
}
a, a:link, a:active, a:visited, a:hover {
	font-size: 12px;
	text-decoration: underline;
}
label {
    font-size: 12px;
}
ol, ul {
    list-style: none inside;
}

/* *************************************************************************
=FONTS
************************************************************************** */
body, h1, h2, h3, h4, p, a, a:link, a:active, a:visited {
	font-family: Georgia;
}
.metainfo, .metainfo a, .metainfo a:link, .metainfo a:visited, .metainfo a:active {
	font-family: Lucida sans, arial, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
}
#breadcrumb h2, #breadcrumb h2 a, #breadcrumb h2 a:link, #breadcrumb h2 a:active, #breadcrumb h2 a:visited {
    font-family: Lucida sans, arial, sans-serif;
}
label {
    font-family: Lucida sans, arial, sans-serif;
}
/* *************************************************************************
=NAVIGATION
************************************************************************** */
#navigation div { 
	padding: 0; 
	margin: 0; 
}
#navigation ul { 
	float: left;
	background-color: #191919;
}
ul.navigation-fixed {
    position: fixed;
    top: 10px;
    width: 160px;
    z-index: 200;
}
#navigation ul li {
	position: relative;
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	min-height: 20px;
	height: auto !important; /* This fixes IE */
	height: 20px;			 /* not supporting min-height */
}
#navigation li a {
	display: block;
	width: 140px;
	height: auto;
	line-height: 14px;
	margin: 0;
	padding: 3px 0 3px 20px;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	background-color: #242424;
	border-bottom: 1px solid #191919;
}
#navigation li a:hover {
	background: #242424 url(../Images/navigation/arrow.gif) no-repeat 10px 50%;
}
/*active state*/
#navigation li.active a {
	position: absolute;
	top: -4px;
	left: -4px;
	display: block;
	width: 154px;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 24px;
	font-style: italic;
	color: #000;
	border: none;
	background: url(../Images/navigation/menuActive.png) no-repeat;
}
#navigation ul li.radio a {
    background: #242424 url(http://www.dr.dk/drdkicons/png.drxml?class=icAudio&color=FFFFFF) 82px 3px no-repeat;
}
#navigation li.search form {
    height: 42px;
    font-size: 10px;
    background: url(../Images/navigation/menuSearch.gif) no-repeat;
}
#navigation li.hasFocus {
    background: url(../Images/navigation/search_bg_focus.gif) no-repeat;
}
#navigation li.search label {
    display: none;
}
#navigation li.search input.search_field {
    float: left;
    width: 113px;
    height: 21px;
    line-height: 21px;
    padding: 0 0 0 3px;
    margin: 8px 0 0 15px;
    font-size: 10px;
    color: #c9c4c4;
    border: none;
    background-color: transparent;
}
#navigation li.search input.submit_search {
    width: 16px;
    height: 16px;
    margin: 12px 0 0;
    padding: 16px 0 0 0;
    text-indent: -9999px;
    border: none;
    background-color: transparent;
}
#navigation li.spaceAbove {
    margin-top: 10px;
}
#ba_containerFor160x390 {
    clear: left;
}
#ba_containerFor160x390 div {
    display: block !important;
    padding-top: 50px;
}
/***
	=Submenu
	*************************************/
#navigation li ul {
    display: none;
}
#navigation li.active ul {
    display: block;
    margin-top: 20px;
}
#navigation li.active li {
    height: 20px;
}
#navigation li.active li a {
    position: static;
	width: 130px;
	/*height: 14px;*/
	height: auto;
	margin: 0;
	padding: 3px 0 3px 30px;
	line-height: 14px;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	background: #3f3f3f none;
	border-bottom: 1px solid #505050;
}
#navigation li.active li a.lastItem {
    border-bottom: none;
}
#navigation li.active li a:hover {
    color: #fff;
	background: #3f3f3f url(../Images/navigation/arrow.gif) no-repeat 20px 50%;
}
#navigation li.active li.current a {
    background: #3f3f3f url(../Images/navigation/arrow.gif) no-repeat 20px 50%;
}
/***
	=Breadcrumb
	*************************************/
#breadcrumb {
	height: auto;
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 0;
}
#breadcrumb p {
    padding-left: 180px;
}
#breadcrumb p, #breadcrumb a {
	margin: 0;
	font-size: 9px;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
/***
	=Sub navigation (inline navigation)
	*************************************/
#subNavigation {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#subNavigation ol {
    width: auto;
    margin: 0;
    padding: 1px 5px 0 0;
    background-color: #fff;
}
#subNavigation li {
    float: left;
}
#subNavigation a {
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    background-color: #222;
    border-right: 1px solid #505050;
}
#subNavigation a.lastItem {
    border: none;
}
#subNavigation a:hover {
    text-decoration: underline;
}
#subNavigation li.selected {
    -moz-box-shadow: 0 0 6px #777;
	-webkit-box-shadow: 0 0 6px #777;
	box-shadow: 0 0 6px #777;
    display: block;
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    font-style: italic;
    color: #000;
    text-align: center;
    border: none;
    padding: 0 9px;
    background: transparent url(../Images/navigation/subMenuHighlight.png) repeat-x;
}
#subNavigation li.selected a {
	padding: 0;
    font-style: italic;
    color: #000;
    text-align: center;
    border: none;
    background-color: transparent;
}
/***
	=Paginator
	*************************************/
.paginator {
    float: right;
    left: -50%;
    position: relative;
    padding: 10px 0;
    text-align: left;
}
.paginator {
    float: right;
    left: -50%;
    position: relative;
    padding: 10px 0;
    text-align: left;
}
.paginator ul {
    left: 50%;
    position: relative;
    margin: 0;
    padding: 0;
}
.paginator li {
    float: left;
    position: relative;
}
.paginator li.current {
    font-family: lucida-sans, arial, sans-serif;
    color: #000;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    margin: 0 10px;
}
.paginator a, .paginator a:link, .paginator a:active, .paginator a:visited, .paginator a:hover, .paginator span {
    display: block;
    width: 25px;
    height: 20px;
    line-height: 20px;
    text-indent: -9999px;
    background: url(../Images/paginator/paginator-sprite.gif);
}
.paginator li.prev span { background-position: 0 0; }
.paginator li.prev a { background-position: -25px 0; }
.paginator li.prev a:hover { background-position: -50px 0; }
.paginator li.next span { background-position: -75px 0; }
.paginator li.next a { background-position: -100px 0; }
.paginator li.next a:hover { background-position: -125px 0; }

/***************************************************************************
=BLOG SECTIONS
****************************************************************************/
.col {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.col_520 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.col_280_220 {
    float: left;
    margin-bottom: 10px;
    background: url(../Images/col_280_220.gif) repeat-y;
}
.col_220_280 {
    float: left;
    margin-bottom: 10px;
    background: url(../Images/col_220_280.gif) repeat-y;
}
.col_image_right {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.col_image_right .imageSmall {
    float: right;
    margin: 0 0 0 10px;
}
.col_image_right img {
    margin: 0;
}
.col_image_left {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.col_image_left .imageSmall {
    float: left;
    margin: 0 10px 0 0;
}
.col_image_left .imageSmall img {
    margin: 0;
}
.horizontalruler {
    float: left;
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    padding: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.grid_5 .horizontalruler {
    margin-top: 10px;
}
.readMore, .readMore:link, .readMore:visited, .readMore:active {
    float: left;
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
/***************************************************************************
=IMAGES
Note: place on link around images
****************************************************************************/
.imageLarge {
	width: 520px;
	display: block;
	overflow: hidden;
}
.imageMedium {
	width: 280px;
	display: block;
	overflow: hidden;
}
.imageSmall {
    width: 220px;
    position: relative;
    display: block;
	overflow: hidden;
}
.imageSmall img {
    position: relative;
	left: -30px;
}
.imageLarge img,
.imageMedium img,
.imageSmall img {
    margin-bottom: 10px;
}
.alignright img {
    float: right;
    margin-left: 10px;
}
/***************************************************************************
=HORIZONTAL RULER SECTIONS
****************************************************************************/
.section {
	clear: both;
	height: 56px;
	background: url(../Images/section/sectionBG.gif) repeat-x left center;
}
#aside .section {
    height: 16px;
    margin-bottom: 0;
}
.section h2 {
	display: block;
	height: 56px;
	text-indent: -9999px;
}
.music h2 {
	background: url(../Images/section/sectionMusic.gif) no-repeat left center;
}
.video h2 {
	background: url(../Images/section/sectionVideo.gif) no-repeat left center;
}
.podcast h2 {
	background: url(../Images/section/sectionPodcast.gif) no-repeat left center;
}
.satire h2 {
	background: url(../Images/section/sectionSatire.gif) no-repeat left center;
}
.comment h2 {
	background: url(../Images/section/sectionComment.gif) no-repeat left center;
}
.blog h2 {
	background: url(../Images/section/sectionArticles.gif) no-repeat left center;
}
.contact h2 {
	background: url(../Images/section/sectionContact.gif) no-repeat left center;
}
.p3nyheder h2 {
/*	background: url(../Images/section/sectionP3nyheder.gif) no-repeat left center;*/
}
.Monday h2 {
	background: url(../Images/sendeplan/monday.gif) no-repeat left center;
}
.Tuesday h2 {
	background: url(../Images/sendeplan/tuesday.gif) no-repeat left center;
}
.Wednesday h2 {
	background: url(../Images/sendeplan/wednesday.gif) no-repeat left center;
}
.Thursday h2 {
	background: url(../Images/sendeplan/thursday.gif) no-repeat left center;
}
.Friday h2 {
	background: url(../Images/sendeplan/friday.gif) no-repeat left center;
}
.Saturday h2 {
	background: url(../Images/sendeplan/saturday.gif) no-repeat left center;
}
.Sunday h2 {
	background: url(../Images/sendeplan/sunday.gif) no-repeat left center;
}
.live h2 {
	width: 99px;
	height: 16px;
	margin: 0 auto;
	background: url(../Images/section/sectionLive.gif) no-repeat center center;
}
.bigBottom {
	clear: both;
	height: 40px;
	margin-bottom: 20px;
	background: url(../Images/section/sectionBGBig.gif) repeat-x left center;
}
/***************************************************************************
=FORMS
****************************************************************************/
legend {
	display: none;
}
label {
	display: block;
	margin: 0 0 2px 0;
}
input {
	height: 18px;
	margin: 0 0 5px 0;
	padding: 2px 0 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #e5e5e5;
	background-color: #f2f2f2;
}
textarea {
	height: 102px;
	margin: 0;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #e5e5e5;
	background-color: #f2f2f2;
}
input.submit {
    width: 41px;
    height: 21px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border: none;
    background: url(../Images/submit-comment.gif) no-repeat;
}
/***************************************************************************
=P3 LIGE NU
****************************************************************************/
.senest-spillede {
	font-size: 22px;
	font-weight: bold;
	color: #FE8610;
	margin: 0 0 10px;
}
.livefeed {
    /*height: 435px;*/
    height: 250px;
    overflow: hidden;
	margin-bottom: 20px;
}
.livefeed h2 {
    display: none;
}
.livefeed li {
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5;
}
.facebook a, .facebook a:visited, .twitter a, .twitter a:visited {
	text-decoration:none;
	color: #000;
}
.facebook a:hover, .twitter a:hover {
	text-decoration:underline;
	color:#FE8610;
}
.livefeed p {
	display: block;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-indent: 20px;
}
.livefeed .video {
    background: url(../Images/livefeed/livefeedVideo.gif) no-repeat 0 13px;
}
.livefeed .podcast {
    background: url(../Images/livefeed/livefeedPodcast.gif) no-repeat 0 11px;
}
.livefeed .blog {
    background: url(../Images/livefeed/livefeedBlog.gif) no-repeat 0 12px;
}
.livefeed .first.playlist p:before { content: "Spiller "; }
.livefeed .playlist p:before, .livefeed .playlistOld { content: "Har spillet "; }
.livefeed .playlist {
    background: url(../Images/livefeed/livefeedPlaylist.gif) no-repeat 0 10px;
}
.livefeed .facebook {
    background: url(../Images/livefeed/livefeedFacebook.gif) no-repeat 0 10px;
}
.livefeed .twitter {
    background: url(../Images/livefeed/livefeedTwitter.gif) no-repeat 0 10px;
}

.recent-played h2 {
    text-indent: 20px;
    display: inline-block;
}
.recent-played li {
    display: inline-block;
}

.recent-played li {
    background: url(../Images/livefeed/livefeedPlaylist.gif) no-repeat 0 10px;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;
}


.recent-played a {
    text-decoration: none;
}
.recent-played a:hover {
    text-decoration: underline;
    color: #FE8610;
}

.recent-played time {
    color: #666666;
    font-family: Lucida sans,arial,sans-serif;
    font-size: 8px;
}

.recent-played h1 {
    color: #FE8610;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px;
}

.recent-played footer a {
    margin: 10px 0;
    display: inline-block;
}


/***************************************************************************
=RULERS & GADGETS
****************************************************************************/
.tip-wrap {}
.tip-top {}
.tip {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #333;
	background-position: 50% 100%;
	border: 1px solid #333;
	font-family: Lucida sans, arial, sans-serif;
	color: #fff;
	font-size: 10px;
}
.tip .tip-title {
	padding: 5px 10px;
}
/*see p3_ie6.css fix*/
.tip-bottom {
	height: 5px;
	line-height: 5px;
	font-size: 0;
	background: url(../Images/section/tooltipArrow.gif) no-repeat 24px bottom;
}
/***************************************************************************
=GRID LAYOUT
****************************************************************************/
#header {
    height: 77px;
    background: url("../Images/bg_tile.gif") repeat-x;
}
#header .logo {
    position: relative;
    display: block;
    width: 990px;
    height: 100%;
    margin: 0 auto;
}
#p3logo {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 164px;
    height: 32px;
    text-indent: -9999px;
    background: url(../Images/p3_logo_new.png) no-repeat;
}
#epg {
	float: right;
	position: relative;
	width: 290px;
	height: 32px;
	margin: 12px 4px 0 0;
	padding: 0;
	line-height: 10px;
	background: url(../Images/netplayer-bg.png) no-repeat;	
	font-family: sans-serif;
}
#epg h2 {
	display: block;
	margin: 0 0 2px 38px;
	padding: 3px 0 0;
	color: #888; /*665f58*/
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	font-family: sans-serif;
}
#epg .program-title {
	margin: 0 0 0 38px;
	padding: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
	font-family: sans-serif;
}
#epg .program-title:hover {
	text-decoration: underline;
}
#epg .netplayer {
	display: block;
	position: absolute;
	top: 9px;
	left: 7px;
	width: 18px;
	height: 14px;
	background: url(../Images/speaker-icon.png) no-repeat;
	text-indent: -9999px;
	font-family: sans-serif;
}
#tackline {
    position: absolute;
    top: 50px;
    left: 206px;
    width: 350px;
    height: 49px;
}
#tackline p {
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
}
.container_16 {
	width: 990px;
}
.content-wrapper {
	position: relative;
	float: left;
    background-color: #FFFFFF;
    padding-top: 17px;
	padding-left: 10px;
    top: -20px;
}
.content-wrapper:before {
	content: '';
	position: absolute;
	top: 20px;
	left: -11px;
	width: 11px;
	height: 496px;
	background: url(../Images/shadow-left.png) no-repeat;
}
.content-wrapper:after {
	content: '';
	position: absolute;
	top: 20px;
	right: -11px;
	width: 11px;
	height: 496px;
	background: url(../Images/shadow-right.png) no-repeat;
}
/***
	=Badges
	*************************************/
.badge {
    position: absolute;
    bottom: -35px;
    right: -10px;
    z-index: 1;
    display: block;
    width: 190px;
    height: 190px;
    text-indent: -9999px;
}
a.smallBadge {
    position: relative;
    display: block;
    width: 190px;
    height: 190px;
    text-indent: -9999px;
    background: url(../Images/badges/error.png) no-repeat;
    text-decoration: none;
}
.noProg:hover,
.noProg:hover span {
    text-decoration: none;
}
.noProg span {
    display: block;
    padding-top: 127px;
    text-align: center;
    text-indent: 0px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-family: Lucida Sans, Arial, sans-serif;
    text-transform: uppercase;
}
#netradio {
    right: 138px;
    bottom: 3px;
    width: 134px;
    height: 134px;
    z-index: 2;
    background: url(../Images/badges/badge_hor_radio.png) no-repeat;
}
/*#roskilde-badge {
    right: 298px;
    bottom: -20px;
    width: 134px;
    height: 134px;
    z-index: 1;
    background: url(../Images/badges/roskilde-2010/badge-spot-roskilde.png) no-repeat;
}*/
#p3s-uundgaelige-jubilaeum-badge {
    right: 298px;
    bottom: -20px;
    width: 134px;
    height: 134px;
    z-index: 1;
    background: url(../Images/badges/category-p3s-uundgaelige-jubilaeum/badge_spot_1000.png) no-repeat;
}
#p3epg.de-nye-helte,
.sendeplan .de-nye-helte {
    background: url(../Images/badges/de-nye-helte.png) no-repeat;
}
#p3epg.dlk,
.sendeplan .dlk {
    background: url(../Images/badges/dlk.png) no-repeat;
}
#p3epg.barometer,
.sendeplan .barometer {
    background: url(../Images/badges/barometer.png) no-repeat;
}
#p3epg.formiddagen,
.sendeplan .formiddagen {
    background: url(../Images/badges/formiddagen.png) no-repeat;
}
#p3epg.gomorgen-p3,
.sendeplan .gomorgen-p3 {
    background: url(../Images/badges/gomorgen-p3.png) no-repeat;
}
#p3epg.haengepartiet,
.sendeplan .haengepartiet {
    background: url(../Images/badges/haengepartiet.png) no-repeat;
}
#p3epg.koeter,
.sendeplan .koeter {
    background: url(../Images/badges/koeter.png) no-repeat;
}
#p3epg.mads-monopolet,
.sendeplan .mads-monopolet {
    background: url(../Images/badges/mads-og-monopolet.png) no-repeat;
}
#p3epg.musikquizzen,
.sendeplan .musikquizzen {
    background: url(../Images/badges/musikquizzen.png) no-repeat;
}
#p3epg.musiksystemet,
.sendeplan .musiksystemet {
    background: url(../Images/badges/musiksystemet.png) no-repeat;
}
#p3epg.saunaklubben,
.sendeplan .saunaklubben {
    background: url(../Images/badges/saunaklubben.png) no-repeat;
}
#p3epg.semi,
.sendeplan .semi {
    background: url(../Images/badges/semi-pa-p3.png) no-repeat;
}
#p3epg.smag-paa-p3,
.sendeplan .smag-paa-p3 {
    background: url(../Images/badges/smag-pa-p3.png) no-repeat;
}
#p3epg.sommerformiddagen,
.sendeplan .sommerformiddagen {
    background: url(../Images/badges/sommerformiddagen.png) no-repeat;
}
#p3epg.er-vi-der-ikke-snart,
.sendeplan .er-vi-der-ikke-snart {
    background: url(../Images/badges/er-vi-der-ikke-snart.png) no-repeat;
}
#p3epg.sommerweekend,
.sendeplan .sommerweekend {
    background: url(../Images/badges/sommerweekend.png) no-repeat;
}
#p3epg.ugen-pa-p3,
.sendeplan .ugen-pa-p3 {
    background: url(../Images/badges/ugen-pa-p3.png) no-repeat;
}
#p3epg.ungabunga,
.sendeplan .ungabunga {
    background: url(../Images/badges/ungabunga.png) no-repeat;
}
#p3epg.vm-pa-p3,
.sendeplan .vm-pa-p3 {
    background: url(../Images/badges/vm-pa-p3.png) no-repeat;
}
#p3epg.vm-2010,
.sendeplan .vm-2010 {
    background: url(../Images/badges/vm-pa-p3.png) no-repeat;
}
#p3epg.weekendmorgen-pa-p3,
.sendeplan .weekendmorgen-pa-p3 {
    background: url(../Images/badges/weekendmorgen-pa-p3.png) no-repeat;
}
#p3epg.p3-med-camilla-jane-lea,
.sendeplan .p3-med-camilla-jane-lea {
    background: url(../Images/badges/p3-med-camilla-jane-lea.png) no-repeat;
}
#p3epg.touren-pa-p3,
.sendeplan .touren-pa-p3 {
    background: url(../Images/badges/touren-pa-p3.png) no-repeat;
}
#p3epg.log-in-pa-p3,
.sendeplan .log-in-pa-p3 {
    background: url(../Images/badges/log-in-pa-p3.png) no-repeat;
}
#p3epg.sport-pa-3eren,
.sendeplan .sport-pa-3eren{
    background: url(../Images/badges/sport-pa-3eren.png) no-repeat;
}
#p3epg.xperimentet,
.sendeplan .xperimentet{
    background: url(../Images/badges/xperimentet.png) no-repeat;
}
#p3epg.supersoendag,
.sendeplan .supersoendag{
    background: url(../Images/badges/supersondag.png) no-repeat;
}
#p3epg.hjemmebanen-pa-p3,
.sendeplan .hjemmebanen-pa-p3{
    background: url(../Images/badges/hjemmebanen-pa-p3.png) no-repeat;
}
#p3epg.aret-pa-p3,
.sendeplan .aret-pa-p3{
    background: url(../Images/badges/aret-pa-p3.png) no-repeat;
}
#p3epg.tegneserieradio-med-wulffmorgenthaler-og-iben,
.sendeplan .tegneserieradio-med-wulffmorgenthaler-og-iben{
    background: url(../Images/badges/tegneserieradio.png) no-repeat;
}
#p3epg.morgennisserne,
.sendeplan .morgennisserne {
    background: url(../Images/badges/morgennisserne.png) no-repeat;
}
#p3epg.profeten-og-lillebror,
.sendeplan .profeten-og-lillebror{
    background: url(../Images/badges/profeten-og-lillebror.png) no-repeat;
}
#p3epg.pressen,
.sendeplan .pressen {
    background: url(../Images/badges/pressen-pa-p3.png) no-repeat;
}
#p3epg.humor,
.sendeplan .humor {
    background: url(../Images/badges/humor_mod_aids.png) no-repeat;
}
#p3epg.saint-tropez,
.sendeplan .saint-tropez {
    background: url(../Images/badges/saint-tropez-programmer.png) no-repeat;
}
#p3epg.livredderne,
.sendeplan .livredderne {
    background: url(../Images/badges/livredderne.png) no-repeat;
}
#p3epg.p3-pa-roskilde,
.sendeplan .p3-pa-roskilde {
    background: url(../Images/badges/p3-pa-roskilde.png) no-repeat;
}
#p3epg,
.sendeplan .noProg {
    background: url(../Images/badges/p3.png) no-repeat;
}
#footer {
    padding-bottom: 50px;
}
#footer ul {
    padding-top: 10px;
    border-top: 1px solid #e5e5e5; 
}
#footer ul, #footer p {    
    margin: 0 240px 0 180px;
    line-height: 16px;
    font-size: 10px;
}
#footer li {
    display: inline;
    padding: 0 10px;
    border-right: 1px solid #333;
}
#footer li.firstItem {
    padding-left: 0;
}
#footer li.lastItem {
    border-right: none;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
    font-size: 10px;
    color: #000;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
/* *************************************************************************
=CONTENT
************************************************************************** */
.blogdate {
    display: block;
    margin-bottom: 10px;
}
#topImage {
	margin-bottom: 4px;
}
.caption, .credits {
	font-size: 11px;
	text-transform: none;
	color: #333;
	line-height: 13px;
}
.credits:before {
    content: " - ";
}
/***
	=Frontpages
	*************************************/
.p3suggestions {
    background: url(../Images/col_280_220_special.gif) repeat-y;
}
.p3anbefaler h2 a, .p3anbefaler h2 a:link, .p3anbefaler h2 a:active, .p3anbefaler h2 a:visited,
.p3uus a, .p3uus h2 a:link, .p3uus h2 a:active, .p3uus h2 a:visited,
.satireSite h2, .satireSite a, .satireSite a:link, .satireSite a:active, .satireSite a:visited  {
    font-size: 17px;
    text-decoration: none;
}
.p3anbefaler p,
.p3uus p {
    margin: 5px 0 0;
}
.p3anbefaler h1, .p3anbefaler h2, .p3anbefaler p,
.p3uus h1, .p3uus h2, .p3uus p,
.p3anbefaler .metainfo, .p3uus .metainfo,
.satireSite h1, .satireSite h2 {
    padding: 0 10px;
}
.p3uus h2, .p3anbefaler h2 {
	line-height: 19px;
}
.satireSite {
    float: left;
    background-color: #e5e5e5;
} 


/* New frontpage - 11-2011 */
.infobox {
	position: relative;
	overflow: hidden;
}
#listen-netplayer {
    background: url("../Images/speaker_110x110.png") no-repeat scroll center center transparent;
    height: 110px;
    left: 188px;
    position: absolute;
    text-indent: -9999px;
    top: 60px;
    width: 110px;
}
.infobox h1 {
	position: absolute;
	top: 190px;
	left: 0;
	margin: 0;
}
.infobox h1 a, .infobox h1 span {
	display: block;
	height: 100%;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	color: #fff;
	background-color: #FE8610;
	font-weight: bold;
    font-style: normal;
}
.infobox h1 a:hover {
	color: #fff;
}
.infobox img {
	display: block;
}
.infobox-content {
	height: 90px;
}
.infobox .description time {
	display: block;
	font-weight: bold;
}
.infobox .description {
	float: left;
	width: 380px;
	height: 60px;
	margin: 0;
	padding: 15px;
	background-color: #ddd;
}
.infobox .actions {
	float: left;
	width: 110px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #1e1e1e;
}
.ajax-now-playing-box {
	border: 0;
	margin: 0;
	padding: 0;
}
.actions .playliste,
.actions .webcam {
    color: #9c9c9c;
    display: block;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 36px;
    text-decoration: none;
}
.actions a:hover {
	color: #ddd;
}
.actions .playliste {
	line-height: 44px;
	border-bottom: 1px solid #555;
	background: url(../Images/infobox-playlist-icon.gif) no-repeat 7px center;
}
.actions .webcam {
	line-height: 45px;
	background: url(../Images/infobox-webcam-icon.gif) no-repeat 7px center;
}
.p3suu, .p3anbefaler, .tombola-praemier {
	display: block;
	position: relative;
	padding: 0 0 20px;
	background-color: #FFEAD6;
	z-index: 1;
}
.p3anbefaler h1, .p3anbefaler h2, .p3anbefaler .metainfo,
.tombola-praemier h1, .tombola-praemier h2, .tombola-praemier .metainfo,
.p3suu h1, .p3suu h2, .p3suu .metainfo {
	padding: 0 10px;
}
/*.p3suu:after,
.p3anbefaler:after {
	position: absolute;
	left: 0;
	top: 100px;
	padding: 5px 7px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}*/
.p3suu h1, .p3suu h1 a,
.tombola-praemier h1, .tombola-praemier h1 a,
.p3anbefaler h1, .p3anbefaler h1 a {
	padding-top: 20px;
}

.p3suu:before, .p3anbefaler:before, .tombola-praemier:before {
	position: absolute;
	left: 0;
	top: 124px;
	display: block;
	zoom: 1;
	z-index: 1000;
	width: 90%;
	height: auto;
	padding: 0px 5%;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	color: #fff;
	background-color: #242424;
    content: ' ';
}

.p3suu:before { content: "P3's Uundgåelige"; }
.p3anbefaler:before { content: 'P3 anbefaler'; }
.tombola-praemier:before { content: 'Tombola lige nu!'; }

/***
	=addthis
	*************************************/
#addThis {
    float: right;
    width: 123px;
    margin: 0 0 10px 10px;
    padding: 5px 7px 0 7px;
    border: 0px solid #e5e5e5;
}

#addThis div.addthis_item {
	padding-top:3px;
}

#addThis a { 
    font-size: 9px; 
    text-decoration: none;
}

#addThis .addthis-header {
    display: block;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 5px;
}

.blogSpecific {
    margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}
.blogSpecific .textsize { background-position: 0 0 !important; }
.blogSpecific .printArticle { background-position: 0 -16px !important; }
.blogSpecific .gotoComments { background-position: 0 -32px !important; }

.blogSpecific a,
.addthis_toolbox .vertical a {
    position: relative;
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 0 0 10px 0;
    padding: 0 0 0 21px;
    background: transparent url(../Images/addthis_icons.png) no-repeat;
}
.addthis_toolbox .vertical span {
    display: none;
}
.addthis_toolbox .vertical .addthis_button_print { background-position: 0 -16px !important; }
.addthis_toolbox .vertical .addthis_button_email { background-position: 0 -48px !important; }
.addthis_toolbox .vertical .addthis_button_facebook { background-position: 0 -64px !important; }
.addthis_toolbox .vertical .addthis_button_twitter { background-position: 0 -80px !important; }
.addthis_toolbox .vertical .addthis_button_live { background-position: 0 -96px !important; }
.addthis_toolbox .vertical .addthis_button_expanded { background-position: 0 -112px !important; }
/***
	=Blog content
	*************************************/
.blogpost {
    clear: both;
    margin-bottom: 10px;
    padding: 10px 0;
    line-height: 16px;
    font-size: 12px;
}
.blogpost h2 {
	clear: both;
    font-weight: normal;
    margin: 0 0 5px;
}
.blogpost h3 {
	font-weight: bold;
    margin: 0 0 5px;
}
.blogpost p {
    margin: 5px 0 10px 0;
}
.blogpost .alignleft {
    float: left;
    margin: 5px 10px 10px 0;
}
.blogpost .alignright {
    float: right;
    margin: 5px 0 10px 10px;
}
.blogpost .aligncenter {
    display: block;
    width: auto;
    margin: 0 auto;
    text-align: center;
}
.blogpost ul, .blogpost ol {

}
.blogpost ol {
	padding-left: 20px;
	list-style-type: decimal;
}
.blogpost ul {
	list-style-type: disc;
}
.blogpost li {
    margin-bottom: 4px;
	line-height: 20px;
	padding-bottom:5px;
}
blockquote {
    margin: 10px 0;
    padding-left: 35px;
    font-size: 14px;
    background: url(../Images/blockquote.gif) no-repeat 0 6px;
}
blockquote p {
    font-size: 14px;
}
/***
	=Blog spots
	*************************************/
.blogspots li {
    float: left;
    width: 160px;
    height: 184px;
    overflow: hidden;
    margin: 0 10px 10px 0;
    padding: 2px;
    border: 1px solid #d5d5d5;
    background-color: #e5e5e5;
}
.blogspots h3, .blogspots h3 a, .blogspots h3 a:link, .blogspots h3 a:active, .blogspots h3 a:visited {
    margin: 0 0 6px;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

/***
	=Related blogposts
	*************************************/
.relatedBlogPosts h3, .relatedBlogPosts h3 a, .relatedBlogPosts h3 a:link, .relatedBlogPosts h3 a:active, .relatedBlogPosts h3 a:visited {
    margin: 0 0 6px;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
.relatedBlogPosts .readMore { 
    margin: 0 0 6px;
    text-align: right;
}
/***
	=Tags
	*************************************/
.tags li {
    float: left;
    margin-right: 3px;
}
/***
	=Poll
	*************************************/
.poll {
    width: 220px;
    margin: 10px 20px 10px 0;
    background-color: #242424;
    float: left;
}
.poll h2 {
    height: 24px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background: url(../Images/poll/pollHeader.gif) no-repeat;
}
.poll p {
    margin: 10px 0 5px;
    padding: 0 10px 5px;
    line-height: 14px;
    font-size: 11px;
    color: #fff;
    border-bottom: 1px dashed #3a3a3a;
}
.poll ol {
    float: left;
    width: 100%;
    padding: 0;
}
.poll li {
    clear: left;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 10px;
    list-style-type: none;
    border-bottom: 1px dashed #3a3a3a;
    list-style: none;
}
.poll .radio input {
    float: left;
    width: 14px;
    height: 14px;
    margin: 3px 5px 0 10px;
    padding: 0;
    border: none;
    background-color: transparent;
}
.poll label {
	display: inline;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
    font-size: 11px;
    color: #fff;
}
.poll .vote {
    border: none;
    text-align: right;
}
.poll .vote input {
    width: 41px;
    height: 21px;
    margin: 5px 10px 0 0;
    text-indent: -9999px;
    border: none;
    background: url(../Images/poll/pollVote.gif) no-repeat;
}
.poll .pollresult {
    border: none;
}
.poll .question {
    display: block;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
    line-height: 14px;
    font-size: 11px;
    color: #fff;
}
.poll .pollgraph {
    float: left;
    display: block;
    height: 5px;
    margin: 4px 0 0 10px;
    background-color: #FE8610;
    text-indent: -9999px;
}
.poll .pollscore {
    float: left;
    font-size: 10px;
    color: #FE8610;
    line-height: 10px;
    margin-left: 5px;
}
.poll .votecount {
    padding: 0 0 10px 10px;
    line-height: 14px;
    font-size: 11px;
    color: #fff;
    border: none;
}
/***
    =Searchresult
	*************************************/
.searchP3page {
    position: relative;
}
.searchP3page h1 {
    padding-right: 180px;
}
.searchP3page h2, .searchP3page label {
    display: none;
}
.searchP3page form {
    position: absolute;
    top: 5px;
    right: 0;
    width: 160px;
    background: url(../Images/pageSearch.gif) no-repeat;
}
.searchP3page input.search_field {
    float:left;
    width: 137px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 3px;
    border: none;
    font-size: 10px;
    background-color: transparent;
}
.searchP3page input.submit_search {
    width: 20px;
    height: 20px;
    margin: 20px 0 0;
    padding: 0;
    border: none;
    background-color: transparent;
    text-indent: -9999px;
}
.list li.result {
    padding-top: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.list li.result:last-child {
    border-bottom: none;
}
.list li.result p {
    margin: 0;
}
.list li.result img {
    margin-bottom: 0;
}
.list li.lastItem {
    border-bottom: none;
}  
/***
	=Comments
	*************************************/
.commentWrapper {
    width: 100%;
    margin-bottom: 10px;
}
.commentList {
    margin-bottom: 10px;
}
.commentList li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}
.commentList img {
    float: left;
}
.commentList span,
.commentList p {
    display: block;
    margin: 0 60px;
}
.parent-comment {
    min-height: 41px;
}
.commentList .answer-this-comment {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    width: 42px;
    height: 41px;
    text-indent: -9999px;
    background: url(../Images/comment-button.gif) no-repeat;
}
.commentList .answer-this-comment:hover {
    background-position: -42px 0;
}
.answer-to-comment {
    margin: 5px 0 0 60px;
    padding: 15px 0 0;
    background: url(../Images/comment-answer-arrow.gif) no-repeat top right;
}
.commentWrapper .answer-to-comment form {
    padding: 0;
}
.answer-to-comment li {
    padding: 0;
    border: none;
}
.answer-to-comment .submitWrapper {
    padding-top: 4px;
}
.textWrapper {
    float: left;
    width: 60%;
}
.nameWrapper,
.emailWrapper,
.questionWrapper {
    float: right;
    width: 40%;
}
.submitWrapper {
    clear: both;
    width: 100%;
    padding-top: 5px;
}
.submitWrapper .submit {
    display: block;
}
.subjectWrapper input {
    width: 56%;
}
.textWrapper textarea,
.nameWrapper input,
.emailWrapper input,
.questionWrapper input {
    width: 90%;
    display: block;
    padding: 1% 3%;
}
/***
	=P3listen
	*************************************/
.P3listen {
    padding: 10px;
    background-color: #d6ffef;
}
.P3listen h1 {
    margin: 0;
}
.P3listen p {
    margin: 0 0 10px 0;
}
.P3listen li {
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    border-top: 1px dashed #c0e5d7;
}
.P3listen li.no_1 {
    background: url(../Images/listen_1.gif) no-repeat 0 50%;
}
.P3listen li.no_2 {
    background: url(../Images/listen_2.gif) no-repeat 0 50%;
}
.P3listen li.no_3 {
    background: url(../Images/listen_3.gif) no-repeat 0 50%;
}
.P3listen li.no_4 {
    background: url(../Images/listen_4.gif) no-repeat 0 50%;
}
.P3listen li.no_5 {
    background: url(../Images/listen_5.gif) no-repeat 0 50%;
}
.P3listen li strong {
    margin-right: 5px;
    padding-left: 12px;
}
/***
	=Gallerier
	*************************************/
#blogGallery {
    width: 520px;
    height: 97px;
    overflow: hidden;
    background: url(../Images/galleriBorders.gif) repeat-x;
}
#blogGallery ol {
    height: 67px;
    margin: 10px 0 0 9px;
    padding: 10px 0;
}
#blogGallery li {
    display: block;
    float: left;
    width: 118px;
    height: 95px;
    margin-top: -19px;
    margin-left: -9px;
}
#blogGallery li a {
    display: block;
}
#blogGallery li img {
    display: block;
    float: left;
    margin-left: 9px;
    margin-top: 19px;
}
#blogGallery li.selected {
    background: url(../Images/navigation/galleriListSelected.png);
}
/***
	=VÃƒÂ¦rter
	*************************************/
.host img {
    float: right;
    margin-left: 10px;
}
.host h2 {
    font-weight: bold;
}
/***
	=Systemlisten
	*************************************/
.blogpost #systemlisten {
    width: 520px !important;
    margin-bottom: 10px !important;
	padding: 0 !important;
}
.blogpost #systemlisten h2:first-child {
    display: none !important;
}
.grid_4 #systemlisten {
    padding: 10px 10px 0 !important;
    background-color: #FE8610 !important;
}
.grid_4 #systemlisten h2 {
    font-size: 22px !important;
    line-height: 26px !important;
}
.grid_4 #systemlisten li {
    border-top: 1px dashed #333 !important;
}
.grid_4 #systemlisten h2 a:hover {
	color: #333 !important;
}
.grid_4 #systemlisten .position {
	color: #333;
}
#alertBox {
    background-color: #D66802 !important;
}
/***
    =Sendeplan
    *************************************/
.sendeplan {
    clear: both;
    float: left;
    margin-bottom: 20px;
}
.sendeplan .section {
    height: 15px;
    margin: 0;
}
.sendeplan h2 {
    height: 15px;
    margin: 0;
    padding: 0;
}
.sendeplan ol {
    float: left;
    width: 100%;
}
.sendeplan li {
    float: left;
    width: 100%;
    min-height: 30px;
    border-bottom: 1px solid #e5e5e5;
}
.sendeplan .tidspunkt {
    float: left;
    width: 95px;
    margin: 0 20px 0 5px;
    line-height: 30px;
    font-size: 11px;
}
.sendeplan .programinfo {
    padding: 7px 0 5px 120px;
}
.sendeplan h3 {
    margin: 0;
    line-height: 16px;
    font-weight: normal;
}
.sendeplan .description {
    margin: 0;
    line-height: 16px;
    font-size: 11px;
    font-style: italic;
}
.sendeplan .rightNow {
    background-color: #FE8610;
}
.sendeplan .rightNow .tidspunkt,
.sendeplan .rightNow h3 {
    font-weight: bold;
}
.sendeplan .rightNow a:hover,
.sendeplan .rightNow a:visited {
    color: #000;
}

.sendeplan .noUrl { background-color: #ff9900; }
.sendeplan .okUrl { background-color: #33ee33; }
.sendeplan .errorUrl { background-color: #ff0000; }
/***
    =Chart List
    *************************************/
#chartlist {
	float: left;
	width: 520px;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}
#chartlist h2 {
	clear: both;
	display: block;
	height: auto;
	line-height: 20px;
	margin: 0 0 20px 0;
	padding: 0 0 0 12px;
	font-size: 20px;
	font-weight: normal;
	color: #000;
}
#chartlist ol {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
#chartlist li {
	float: left;
	position: relative;
	width: 100%;
	height: 34px;
	line-height: 34px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-top: 1px dashed #ccc;
	background: url(../Images/numbers_20.png) no-repeat 0 0;
	_background: url(../Images/numbers_20.gif) no-repeat 0 0;
}
#chartlist li.no_1 {
	background-position: 0 4px;
}
#chartlist li.no_2 {
	background-position: 0 -30px;
}
#chartlist li.no_3 {
	background-position: 0 -66px;
}
#chartlist li.no_4 {
	background-position: 0 -104px;
}
#chartlist li.no_5 {
	background-position: 0 -136px;
}
#chartlist li.no_6 {
	background-position: 0 -170px;
}
#chartlist li.no_7 {
	background-position: 0 -206px;
}
#chartlist li.no_8 {
	background-position: 0 -240px;
}
#chartlist li.no_9 {
	background-position: 0 -276px;
}
#chartlist li.no_10 {
	background-position: 2px -310px;
}
#chartlist li.no_11 {
	background-position: 0 -346px;
}
#chartlist li.no_12 {
	background-position: 0 -380px;
}
#chartlist li.no_13 {
	background-position: 0 -416px;
}
#chartlist li.no_14 {
	background-position: 0 -450px;
}
#chartlist li.no_15 {
	background-position: 0 -486px;
}
#chartlist li.no_16 {
	background-position: 0 -521px;
}
#chartlist li.no_17 {
	background-position: 0 -556px;
}
#chartlist li.no_18 {
	background-position: 0 -590px;
}
#chartlist li.no_19 {
	background-position: 0 -624px;
}
#chartlist li.no_20 {
	background-position: 2px -660px;
}
#chartlist ol.candidates li {
	background: none;
}
#chartlist h3 {
	display: block;
	height: 34px;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 12px;
	line-height: 34px;
	font-weight: bold;
	color: #000;
}
#chartlist h3 span {
	margin: 0 0 0 4px;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
#chartlist .vote {
	position: absolute;
	top: 8px;
	right: 15px;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	outline: none;
	text-indent: -9999px;
}
#chartlist .ready {
	background: url(http://www.dr.dk/uplaylists/Images/chart/heart_empty.png) no-repeat;
	_background: url(http://www.dr.dk/uplaylists/Images/chart/heart_empty.gif) no-repeat;
}
#chartlist .ready:hover,
#chartlist .done {
	background: url(http://www.dr.dk/uplaylists/Images/chart/heart.png) no-repeat;
	_background: url(http://www.dr.dk/uplaylists/Images/chart/heart.gif) no-repeat;
}
#chartlist .play {
	position: absolute;
	top: 8px;
	right: 64px;
	display: block;
	margin: 0;
	padding: 0;	
}
#chartlist .play a,
#chartlist .play a:active,
#chartlist .play a:visited,
#chartlist .play a:link {
	font-size: 11px;
	color: #cd2218;
	font-weight: normal;
}
#chartlist .position {
	position: absolute;
	top: 8px;
	right: 114px;
	margin: 0;
	padding: 0;
}
#chartlist .result {
    position: absolute;
	top: 8px;
	right: 15px;
	display: block;
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
/***
    =Blog footer
    *************************************/
.blogFooter {
	margin-top: 10px;
}
.blogFooter .footerColumn {
    width: 163px;
    margin-right: 10px;
    border-right: 1px solid #e5e5e5;
}
.blogFooter .lastItem {
    border: none;
    margin: 0;
}
.blogFooter .footerColumn h2 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 13px;
}
.blogFooter .footerColumn li {
	list-style: disc;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 0 10px 0 0;
}
.blogFooter .footerColumn li a {
	line-height: 14px;
	text-decoration: none;
}
.blogFooter .footerColumn {
    text-decoration: none;
}
/*
.blogFooter li.no_1 { background: url(../Images/listNo1.gif) no-repeat 0 5px; }
.blogFooter li.no_2 { background: url(../Images/listNo2.gif) no-repeat 0 5px; }
.blogFooter li.no_3 { background: url(../Images/listNo3.gif) no-repeat 0 5px; }
.blogFooter li.no_4 { background: url(../Images/listNo4.gif) no-repeat 0 5px; }
.blogFooter li.no_5 { background: url(../Images/listNo5.gif) no-repeat 0 5px; } 
*/
/***
    =Podcasts
    *************************************/
a.rsslink {
    background: url('../Images/icons_podcast.gif') no-repeat center 0px;
    height: 16px;
    display: inline-block;
    float: right;
    position: relative;
    padding: 16px 0 0 0;
    text-decoration: none;
    top: -27px;
    font-family: Georgia;
    font-size: 9px;
    line-height: 14px;
    margin-left: 10px;
}
a.rsslink_itunes {
    background-position: center -32px;
}

a.podcast_download {
    background: #e5e5e5 url(../Images/download_sound.gif) no-repeat 180px 10px;
    border: 1px solid #ccc;
    width: 190px;
    display: block;
    padding: 10px;
    font-weight: bold;
    margin-top: 5px;
}
/***
    =Moblog
    *************************************/
.moblog h2 {
    font-size: 18px;
    line-height: 20px;
}
.moblog li,
.moblog .group {
    float: left;
    width: 100%;
}
.moblog li {
    padding-bottom: 20px;
}
.moblog .group {
    margin-bottom: 10px;
}
.moblog blockquote {
    margin-top: 30px;
    min-height: 30px;
}
.moblog .moblogTitle {
    font-weight: bold;
}
.moblog .group img {
    float: right;
    margin: 0 0 0 10px;
}
/***
    =Likeboxes
    *************************************/
.fbLikebox {
    float: left;
    margin: 0 15px 15px 0;
}
.noGutter {
    margin-right: 0;
}
/***
    =Right spots
    *************************************/
.right_spots span {
    background-color: #e5e5e5;
    display: block;
    padding: 8px; 
    margin-top: -2px;
    font: 11px/16px Georgia;
}
.right_spots img { margin: 0; padding: 0; }

.right_spots li { margin-bottom: 15px; }

.right_spots h2 { font-weight: bold; }

.right_spots a { display: block; }

/***
    =Playlist
    *************************************/
section.playlist li li {
	padding-left: 5px;
}
section.playlist h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    cursor: pointer;
	background-color: #FE8610;
	padding: 1px 5px;
}
section.playlist h2:hover {
	text-decoration: underline;
}

section.playlist h3, section.playlist span, section.playlist time, section.playlist a {
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
}
section.playlist time {
    padding-right: 20px;
}
section.playlist a.playlist-link {
    padding: 10px 0;
    text-decoration: underline;
}


/* *************************************************************************
=THEMES'N'COLORS
************************************************************************** */
h1, h2 {
	color: #000;
}
h1 a:hover {
	/*color: #50dcc8;*/
	color: #FE8610;
}
a, a:link, a:active, a:visited {
	color: #000;
}
.metainfo, .metainfo a, .metainfo a:link, .metainfo a:visited, .metainfo a:active {
    color: #666;
}
a:hover, #breadcrumb a:hover, .metainfo a:hover {
	color: #FE8610;
}
/* focus color for input/textarea */
.active_field {
	border: 1px solid #FE8610;
}
.tags li, .tags a, .tags a:link, .tags a:visited, .tags a:active {
    color: #FE8610;
}
.tags a:hover {
    color: #000;
}
.contactFormSuccess {
    color: #0a0;
    font-size: 20px;
}

.field-validation-error { color: #f00; line-height: 15px; }
.input-validation-error { border-color: #f00; }

.error, .contactFormError {
    font-weight: bold;
    color: #f00;
}
.readonly label {
    color: #bbb;
}
.readonly input, .readonly .active_field {
    color: #bbb;
    border: 1px solid #eaeaea !important;
	background-color: #fff;
}
.categoryspot { 
    vertical-align: top; 
}
.categoryspot li {
    width: 160px;
    margin-right: 16px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.categoryspot li.lastItem { 
    margin-right: 0px; 
}
.categoryspot +a {
    display: block;
    text-align: right;
}
#p3epg.noProg {
    text-decoration : none;
    text-indent : 0px;
    text-align : center;
}
#p3epg.noProg span {
    font-family: Lucida, arial, sans-serif;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    position: relative;
    display: block;
    margin: auto;
    height: 13px;
    width: 126px;
    overflow: hidden;
}
div.embeddedMedia {
    margin-right: 10px;
    float:left;
}
/*Uplaylist*/
.uplayer {
    margin-bottom: 10px;
}
/*Categories*/
.uplayerCategories {
    margin-bottom: 20px;
}
.uplayerCategories h2 {
    font-weight: bold;
    margin: 0px;
    font-size: 12px;
}
.uplayerCategories p {
    margin: 0 0 10px 0;
}
.uplayerCategories li {
    float: left;
    width: 100px;
    height: 22px;
    line-height: 22px;
    margin-right: 5px;
}
.uplayerCategories li.lastItem {
    margin-right: 0;
}
.uplayerCategories li a {
    display: block;
    text-align: center;
    background-color: #ffead6;
    border: 1px solid #fe8610;
    font-weight: bold;
    color: #fe8610;
    text-decoration: none;
}
.uplayerCategories li a:hover,
.uplayerCategories li a.uplayerCurrentCategory {
    border: 1px solid #000;
    color: #000;
}
/*addThis*/
.uplayerWrapper #subNavigation {
    width: auto;
}
.uplayerWrapper #addThis {
    width: 150px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    border: none;
}
.uplayerWrapper #addThis strong {
    float: left;
    margin-right: 3px;
    font-size: 12px;
}
.uplayerWrapper #addThis .at300bs {
    margin-top: 3px;
}
.uplayerWrapper #addThis a  {
    float: left;
}
.uplayerWrapper #addThis .at15t_expanded {
    float: left;
}
/*ClipList*/
.uplayerClipList li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
a.uplayerClip {
    position: relative;
    float: left;
    width: 510px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
}
a.uplayerClip:hover {
    text-decoration: none;
}
.uplayerClip img {
    float: left;
    margin-right: 10px;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 100px;
    color: #a5a5a5;
    background-color: #e5e5e5;
}
a.uplayerClip:hover img {
    background-color: #ffead6;
}
.uplayerClipTitle {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
    padding-right: 100px;
    font-weight: normal;
}
.uplayerClipLength {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    line-height: 20px;
    color: #666;
}
a.uplayerClip:hover .uplayerClipLength {
    color: #fe8610;
}
.uplayerClipDescription {
    line-height: 20px;
}
.uplayerClipDescription p {
    margin: 0;
}
a.uplayerClipHighlighted,
.uplayerClipHighlighted .uplayerClipLength {
    color: #fe8610;
}
.uplayerClipHighlighted img {
    background-color: #ffead6;
}

div.ondemand-box {
    background: #29292D;
    display: block;
    width: 250px;
    padding: 5px 0 1px 0;
    min-height: 27px;
    margin-top: 10px;
}

a.play-ondemand { 
	display: block; 
	font-size: 12px;
    color: #fff;
    margin: 0 0 5px 0;
}
a.play-ondemand:before {
    content: ' ';
    background: url(../Images/ondemand_icons_white.png) no-repeat 0px 0px;
    display: inline-block;
    height: 16px;
    width: 18px;
    margin: 0px 8px 0px 10px;
    top: 3px;
    position: relative;
}

.podcast-wrapper:before {
    content: ' ';
    background: url(../Images/ondemand_icons_white.png) no-repeat 0px -17px;
    display: inline-block;
    height: 16px;
    width: 12px;
    margin: 0px 8px 0px 13px;
    top: 3px;
    position: relative;
}

.podcast-wrapper {
    margin: 0 0 8px 0;
}

.podcast-wrapper h3 {
    color: #fff;
	font-size: 12px;
	display: inline-block;
    font-weight: normal;
    margin: 0;
}
.podcast-wrapper a {
    color: #fff;
	font-size: 12px;
	width: 14px;
	height: 14px;
    margin: 0 5px;
}

a.contact-link, a.facebook-link {
    margin-right: 17px;
}

a.contact-link:before, a.facebook-link:before {
    content: ' ';
    background: url(../Images/ondemand_icons_white.png) no-repeat 0px -34px;
    display: inline-block;
    height: 13px;
    width: 21px;
    margin: 0px 5px 0px 0px;
    top: 3px;
    position: relative;
}

a.facebook-link:before {
    background: url(../Images/ondemand_icons_white.png) no-repeat 0px -48px;
    height: 16px;
    width: 16px;
}

/****
Danmarksindsamling 2011
****/
/*Counter*/
#dk-indsamling-counter {
    position: absolute;
    top: 12px;
    left: 350px;
    width: 230px;
    color: white;
    text-align: center;
    display: none;
}
#dk-indsamling-counter p {
	margin: 8px 0;
	line-height: 15px;
}
#dk-indsamling-counter .dk-header {
    color: #292A2D;
	font-size: 10px;
    font-family: sans-serif;
    text-transform: uppercase;
	margin-top: 0px;
}
#dk-indsamling-counter .dk-body {
    margin: 0;
	margin-top: -9px;
}
#dk-indsamling-counter .dk-body span {
    color: #292A2D;
	margin-left: 5px;
	font-size: 20px;
    font-weight: bold;
}

/***
    =Danmark Indsamling 2011 tema
    *************************************/

