/*
     FILE ARCHIVED ON 4:57:05 Feb 10, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 0:56:10 Feb 3, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
 
.contentpage {
	font-size: 1.1em;
	}
	
.contentpage .contentpage { font-size: 1em; /* no font-size cascade */ }

.narrow .content {
    padding: 0 !important;
}

.contentpage .dateline {
    height: 1.8181em;
    margin: 0 0 14px 0;
    border-bottom: 1px solid #dbe4f2;
    line-height: 1.5454em;
    text-align: right;
    color: #333;
}

.contentpage .dateline a {
    float: left;
    color: #3365b8;
    white-space:nowrap;
}

.contentpage .archived {
    /* color: #c31919; farbe auf Wunsch nr entfernt */
}

.contentpage h1.mein_norden {
    /* width: 450px;
    position:relative;
    margin-bottom:12px; */
}

h1.mein_norden img {
    display:none;
}

.contentpage h3 {
    margin: 0 0 8px 0;
    padding-top: 8px;
    font-weight: bold !important;
    color: #333;
    zoom: 1;
    /* Zwischenüberschriften ohne Webfont
    font-family:arial,helvetica,sans-serif;
    font-size: 1.4em;
     */ 
}

.author {
	margin: 1em 0;
	font-style: italic;
}

.contentpage p span.image {
    position: relative;
    display: block;
    margin: 4px 22px 8px 0;
}

.contentpage .w144 {
    width: 144px;
}

.contentpage .w184 {
    width: 184px;
}

.contentpage .w256 {
    width: 256px;
}

.contentpage .w352 {
    width: 352px;
}

.contentpage .w568 {
    width: 568px;
}

.contentpage .w568 span {
	padding-left: 24px;
}

.contentpage .image span {
    display: block;
    padding-top: 2px;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.3636em;
    color: #333;
}

.contentpage .image .zoom {
    margin: 0 6px;
}

ul.contentlist {
	clear:left;
	}
.pagedbox li ul.contentlist {
	margin: 0 8px;
}

ul.contentlist li {
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/arrow_right_grey.gif) no-repeat 0px 7px; 
	/* list-style-type:disc; */
	line-height: 1.4em;
	margin-bottom: 4px;
	font-size: 1.2em;
	padding-left: 10px;
	float: none;
    
}
.pagedbox li ul.contentlist li {
	margin-right: 2px;
    width: 495px !important;	
}

ul.contentlist ul li { font-size: 1em; }

.narrow table {
	/* font-size: 1.2em; */
}

.twincols {
	display: block;
	overflow: hidden;
	}
	
.onecol, .rezIndexCol {
	width: 46.5%;
	padding-right: 3%;
	float: left;
	}


.narrow .rezIndexCol ul li {
	list-style-image:url(/web/20140210045705/http://www.ndr.de/resources/images/arrow_right_darkblue.gif);
	margin-left: 15px;
}

.rezIndexCol h2 {
	margin: 12px 0;
}

/**
 * Contentpage Teile-Liste
 */

.contentpage .parts {
    margin: 0 0 15px 0;
    font-size: 1.2em;
}

.contentpage .parts li {
    clear: left;
    color: #7f7f7f;
}

.contentpage .parts li span {
    /* font-size: 1.2727em;
    line-height: 1.4286em; */
}

.contentpage .parts li a {
    color: #3365b8;
}

.contentpage .parts li span {
    float: left;
    display: block;
    padding: 0 4px 0 11px;
    font-weight: 700;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/grey_arrow_right.gif) no-repeat 0 4px;
}

.contentpage .parts li span.title {
    width: 85%;
    padding: 0;
    font-weight: 400;
    background: none;
}

.contentpage .parts li a span {
    background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_arrow_right.gif);
}

/**
 * Die folgenden zwei Styles sind noetig, um ein unterschiedliches Rendering der Browser
 * zu kompensieren.
 */

.contentpage .parts li a:hover {
    text-decoration: none;
}

.contentpage .parts li a:hover span.title {
    text-decoration: underline !important;
}

/**
 * Contentpage Footer
 */

.contentpage .footer {
	clear: both;
    display: block;
    padding-top: 6px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_line_arrow_right_up_520.gif) no-repeat 0 0;
    zoom: 1;
}

.contentpage .videoplayer .footer {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/dark_blue_line_arrow_right_up_520.gif) no-repeat 0 0;
	}

.contentpage .footer .inner {
    float: right;
    width: 100%;
    padding-top: 4px;
}

.contentpage .footer .linkbutton {
    float: left;
}

.contentpage .footer .inner .footer_link {
    float: left;
    margin: 4px 11px 0 0;
    white-space: nowrap;
}

.contentpage .footer .inner .footer_link img {
    position: relative;
    top: 1px;
    margin-right: 4px;
}

.contentpage .footer .inner div .footer_link img {
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.contentpage .footer .footer_link a {
    color: #3365b8;
}

.downloadicon a { background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/icon_download_bluebg.gif) no-repeat 0 2px; padding-left: 14px;}
.mailicon a { background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/icon_mail.gif) no-repeat 0 2px; padding-left: 14px;}
.printicon a { background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/icon_print.gif) no-repeat 0 2px; padding-left: 14px;}
.videoplayer .mailicon a {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/icon_mail_bluebg.gif);}

.media_label {
    border-bottom: 1px solid #5383d2;
    padding: 15px 0 7px 24px;
    font-weight: 700;
    color: #fff;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_contentpage_media_label.jpg) no-repeat 0 0;
}

.media_label p {
    margin: 0;
}

.ccdescription {
	display: block;
	padding-left: 92px;
}

.infotext {
	margin-left: 8px;
	
	}

.videoplayer a.link_arrow, .image_gallery a.link_arrow {
	color: #fff;
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/white_arrow_right.gif);
	}


/**
 * Pageswitch
 */

.pageswitch {
    clear: left;
    padding-top: 9px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_line_arrow_right_up_520.gif) no-repeat 0 2px;
    zoom: 1;
}

.pageswitch ul {
    float: right;
    margin: 0;
    padding: 7px 0 8px 0;
}

.pageswitch_line {
    float: none !important;
    height: 1px;
    border-top: 1px solid #dbe4f2;
}

.pageswitch ul li {
    float: left;
}

.pageswitch li a {
    float: left;
    display: block;
    color: #fff;
}

.pageswitch .prev span {
    float: left;
    display: block;
    height: 22px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_pageswitch_sprite.gif) no-repeat 0 -69px;
}

.pageswitch .prev a span {
    background-position: 0 0;
}

.pageswitch .prev a:hover span, .pageswitch .prev a:focus span {
    background-position: 0 -23px;
}

.pageswitch .prev span.button_close {
    height: 19px;
    margin-left: 18px;
    margin-right: -2px;
    padding: 1px 8px 0 1px;
    color: #fff;
    background-position: right -69px;
}

.pageswitch .prev a span.button_close {
    background-position: right 0;
}

.pageswitch .prev a:hover span.button_close, .pageswitch .prev a:focus span.button_close {
    height: 18px;
    margin-left: 18px;
    padding: 2px 8px 0 1px;
    background-position: right -23px;
}

.pageswitch .next span {
    float: left;
    display: block;
    height: 22px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_pageswitch_sprite.gif) no-repeat -85px -69px;
}

.pageswitch .next a span {
    background-position: -85px 0;
}

.pageswitch .next a:hover span, .pageswitch .next a:focus span {
    background-position: -85px -23px;
}

.pageswitch .next span.button_close {
    height: 21px;
    margin-left: 15px;
    padding: 2px 8px 0 1px;
    color: #fff;
    background-position: right -69px;
}

.pageswitch .next a span.button_close {
    background-position: right 0;
}

.pageswitch .next a:hover span.button_close, .pageswitch .next a:focus span.button_close {
    height: 21px;
    margin-left: 15px;
    padding: 1px 8px 0 1px;
    background-position: right -23px;
}

.pageswitch li.page a {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_pagination_sprite.gif) no-repeat left 0;
	}

.pageswitch li.page a span {
    display: block;
    text-align: center;
    height: 20px;
    padding: 3px 8px 0 0;
    margin-left:8px;
    color: #fff;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_pagination_sprite.gif) no-repeat right 0;
}

.pageswitch li.page a:hover, .pageswitch li.page a:focus  {
    background-position: left -23px;
}

.pageswitch li.page a:hover span, .pageswitch li.page a:focus span {
    background-position: right -23px;
}

.pageswitch li.page a.active,
.pageswitch li.page a.active:hover, .pageswitch li.page a.active:focus  {
	background-position: left -46px;
	}

.pageswitch li.page a.active span,
.pageswitch li.page a.active:hover span, .pageswitch li.page a.active:focus span {
    background-position: right -46px;
}

.pageswitch li.dots span {
	display:block;
	width:18px;
	padding-top: 3px;
	text-align: center;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_pageswitch.gif) repeat-x 0 0;
}

/* Inpage Comments */

.inpagecomments {
	clear: both;
	display:inline-block;
	margin-top: 8px;
}

.inpagecomments .commentbox {
	margin: 0;
	background-color:#F8F8FA;
	border-top: 3px solid #fff;
}

.inpagecomments .boxhead {
	margin-top:10px;
	background-image:none;
	background-color:#F1F2F6;
	text-transform:none;
	color:#000;
	/* font-weight:bold; */
	font-size:1.2em;
	padding-left:14px;
}

.inpagecomments span {
	background:url(/web/20140210045705/http://www.ndr.de/resources/images/icon_post_new.png) no-repeat;
	padding-left:18px;
}

.inpagecomments .commentbox h3 {
	margin-bottom: 4px;
	padding-top: 4px;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal !important;
	font-family:"NDRSansCondRegular";
}

/* Boxen im Content */

.infobox {
    padding: 0px 16px 16px 12px;
    margin: 21px 0 19px 0;
    background: #e2ecfb none;
    clear: left;
}

.infobox h3 { font-weight: normal !important; }

.infobox img {
	margin-right: 8px;
	/* margin-top: 12px; */ 
	float: left;	
	height: auto;
}

.infobox img.float_right { float: right !important; }

.infobox div.overlay .inner {
	top: 83px;		
}

.infobox div.overlay .shiny_line {
	width: 184px;	
}

.infobox p {
font-size: 1em;
}

.contentpage div.inline {
    float: left;
    width: 226px;
    margin: 3px 24px 10px 0;
    padding-bottom: 27px;
}

.infobox .boxhead {
	background-image: none;
	background-color: transparent;
	padding: 3px 0;
	color: #888;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	margin-bottom: 4px;
}

.infobox .boxhead_mediathek {
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/boxhead_mediathek_content.jpg);
	height: 46px;
	text-indent: -9999px;
}

.infoboxteaser {
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

.infoboxteaser .content {
	padding-left: 194px !important;
}

.inline .infoboxteaser .content, .infoboxteaser.textonly .content {
	padding-left: 0 !important;
	padding-left: 8px;
}

.poll.infobox .poll_content_small, .poll.infobox .poll_content_large {
	background-image: none;
	background-color: transparent;
	color: #006bb6;
	padding: 0;
}

.poll.infobox h2  {
		color: #006bb6;
}

.poll.infobox a.link_arrow {
	color: #006bb6;
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_arrow_right.gif);
}

.poll.infobox .button_vote {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_arrowleft_all_sprite.gif) no-repeat scroll top left transparent;
	height: 30px;
}

.poll.infobox .button_vote span {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_arrowleft_all_sprite.gif) no-repeat scroll right 0 transparent;
	color: #fff;
	padding-top: 7px;
	height: 23px;
	margin-left: 22px;
}

.poll legend {
	display: none;
}

.poll.infobox .poll_bottom, .poll.infobox .poll_bottom_result {
	background-color: transparent;
	background-image: none;
}

.infobox .progress_bar_light_blue {
	color: #666;
}

div.comment,
div.mediatip {
    margin: -1px 0 11px 0;
    padding: 13px 16px 7px 16px;
    background-color: #e2ecfb;
    zoom: 1;
    clear: left;
}

div.mediatip {
    padding: 1px 16px 0 16px;
}

div.comment p {
    width: 100%;
    padding-right: 16px;
        position: relative;
    z-index: 1;
}

div.comment p img.float_left {
    margin: 4px 16px 10px 0;
}

.contentpage div.inline {
    float: left;
    width: 226px;
    margin: 3px 24px 10px 0;
    padding-bottom: 27px;
}

.contentpage div.inline p {
    position: relative;
    z-index: 1;
}

.comment div.author,
div.mediatip div.author {
    margin: 0 0 9px 0;
}

.contentpage div.comment .quote_open {
    position: absolute;
    display: block;
    top: -8px;
    left: -7px;
    width: 27px;
    height: 22px;
    background: #e2ecfb url(/web/20140210045705/http://www.ndr.de/resources/images/double_quote_open.png) no-repeat bottom right;
    z-index: -1;
}

.contentpage .comment .quote_close {
    position: absolute;
    display: block;
    bottom: -6px;
    right: 12px;
    width: 29px;
    height: 22px;
    background: #e2ecfb url(/web/20140210045705/http://www.ndr.de/resources/images/double_quote_close.png) no-repeat bottom right;
    z-index: -1;
}

.contentpage .comment.inline .quote_close {
	bottom: -23px;
}

div.comment h4,
div.mediatip h4 {
    margin: 0 0 2px 0;
    color: #333;
}

div.comment a.link_arrow {
	display: block;
	margin-left: 0;
	background-position: -2px 4px;
}

div.mediatip strong {
    display: block;
    padding: 1px 0 0 97px;
}

div.mediatip .item {
    padding: 12px 0 7px;
}

div.mediatip p {
    padding-left: 97px;
}

div.mediatip .thumbnail {
    margin: 4px 16px 0 0;
}

.infobox ul.two_cols {
    overflow: hidden;
    margin: 2px 0 0 0;
}

.infobox ul.two_cols li {
    float: left;
    display: inline;
    width: 49.99%; /* 50% gehen im IE nicht */
    margin: 0;
    list-style: none;
}

.infobox ul.two_cols li.col2 {
    float: right;
}

.infobox ul.two_cols li.address strong
{
	float: left;
}

.infobox ul.two_cols li.address div
{
	float: left; margin-left: 0.5em;
}

ul.eventdetails {
	float: left;
	display: inline;
	width: 49.9%;
	margin-bottom: 8px;

}

.eventdetails li {
	clear: left;
	list-style-position: outside;
}

.eventdetails .address strong {
	float: left;
	margin-right: 4px;
}

.eventdetails .address div {
	float: left;
	margin-left: 0.5em;
}

.dossier .active {
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/grey_arrow_right.gif) no-repeat -2px 1px;
	font-weight: bold;
	padding-left: 8px;
}

/**
 * Formular
 */

    
.formular {
    padding-bottom: 0 !important;
    clear:both;
    /* font-size: 1.1em; JB */
}

.formular_module {
    padding: 15px 24px 32px;
    background-color: #fff;
}

.formular_caption_text {
    display: inline-block;
    width: 176px;
    margin-top: 5px;
    font-weight: 700;
    line-height: 1.5em;
    vertical-align: top;
}

.formular .form_element {
    overflow: hidden;
    margin: 0 0 8px 0;
}

.formular h3 {
    margin-bottom: 21px;
    border-top: 1px solid #dbe4f2;
    padding-top: 13px;
    font-size: 1.2727em;
    font-weight: 700;
    color: #333;
}

.formular legend {
    display: none;
}

.formular label,
.formular .label_container,
.sportartenselect label,
.captcha label {
    float: left;
    display: inline;
    width: 176px;
    margin: 4px 0 0;
    font-weight: 700;
    line-height: 1.4545em;
}

.formular .label_container label {
    float: none;
    width: auto;
}

.formular .input_container input {
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.formular .input_container label {
    float: none;
    /* display: inline; */
    display: block;
    width: auto;
    margin: 0 12px 0 0;
    vertical-align: middle;
}

.formular .input_container {
    margin-top: 6px;
    margin-left: 178px;
}

.formular .checkbox {
    margin-bottom: 7px;
}

.formular .dropdown {
    padding: 2px 3px 2px 3px;
}

.formular .dropdown option {
    padding: 2px 4px;
}

.formular fieldset {
    padding: 0 0 16px 0;
}

.sportartenselect fieldset {
	padding: 8px 0 0 0;
}

.formular textarea {
    width: 322px;
    font-size: 0.9em;
    padding: 2px;
    border: 1px solid #bcbcbc;
}

.formular .helptext {
    float: left;
    display: inline;
    margin: 6px 0 0 4px;
    padding: 0;
    font-size: 1em;
    line-height: 1.4545em;
    color: #bcbcbc;
}

.formular .text,
.formular textarea,
.formular select {
    color: #595959;
}

.sportartenselect select {
	width: 230px;
	float:left;
	margin: 5px 12px 0 0;
}
.formular .text {
    margin: 0 4px 0 0;
}

.formular input:focus,
.formular textarea:focus,
.formular select:focus {
	color: #000;
}

.formular .input_small,
.formular .input_middle,
.formular .input_large {
    float: left;
    display: inline;
    width: 150px;
}

.formular .input_small {
    width: 80px;
}

.formular .input_large {
    width: 224px;
}

.formular .check_text {
}

.formular .check_text input {
    float: left;
    margin: 2px 0 0 0;
}

.formular .check_text label {
    float: none;
    display: block;
    width: auto;
    margin: 0 0 0 21px;
    font-weight: 400;
}

#error_messages {
    border-top: 1px solid #dbe4f2;
    padding: 12px 0;
}

#error_messages p {
    margin: 0 0 16px 0;
    font-size: 1.0909em;
    line-height: 1.4166em;
}

#error_messages p strong {
    display: block;
    font-weight: 700;
    color: #ab1717;
}

#error_messages dl {
    margin: 0 0 12px 0;
    line-height: 1.4545em;
}

#error_messages dt {
    float: left;
    margin-right: 5px;
    font-weight: 700;
    color: #ab1717;
}

#error_messages dd {
    margin: 0 0 6px;
}


.error,
.error * {
	color: #ab1717 !important;
}
.error a {
	text-decoration: underline;
}


.formular input.error {
    border: 2px solid #ab1717;
    padding: 3px;
}

.formular textarea.error {
    border: 2px solid #ab1717;
    padding: 3px;
}


.formular label.error {
    color: #ab1717;
}

.formular .mandatory_fields {
    margin: 12px 0 0 0;
    border-top: 1px solid #dbe4f2;
    padding: 4px 0 20px 0;
    color: #bcbcbc;
    font-size: 1em;
    line-height: 1.4545em;
}

.formular .helptext_big {
    margin: -4px 0 12px 176px;
    padding: 0;
    font-size: 1em;
    line-height: 1.4545em;
    color: #bcbcbc;
}

.privacy_caption {
    margin-left: 27px;
}

.backlink {
	margin-top: 8px; /* Empfehlen-Formular */
}


/**
 * Glossar
 */

.glossar .narrow {
    padding-bottom: 8px;
}

.glossar .topline {
    margin: -2px 0 0;
}

.glossar h2.title {
    clear: left;
    height: 1%;
    margin: 0 !important;
    padding: 20px 0 4px 0;
    font-size: 2.1818em;
}

/**
 * Index - Liste (benutzt im Glossar)
 */

.index {
    margin-bottom: -15px;
    padding-top: 21px;
    padding-left: 15px;

    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/blue_line_arrow_left_up_520.gif) no-repeat scroll 0 2px;
}

.index ul {
    margin-left: -3px;
    margin-bottom: 26px;
    padding-top: 3px;
}

.index ul li {
    margin-top: 4px;
    padding: 0 0 0 13px;
    line-height: 1.4615em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/blue_arrow_right.gif) no-repeat scroll left 2px;
}

/**
 * Tab - Buttons (benutzt im Glossar)
 */

.tabs {
    margin: 0;
}

.tabs li {
    float: left;
    /* width: auto !important;
    width: 43px; 
    min-width: 43px; */
    padding-left: 5px;
    /* height: 24px; */
    margin: 0 1px 3px 0;
    /* padding-top: 7px; */
    text-align: center;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/tabs_bg_sprite.gif) no-repeat scroll 0 top;
}

.tabs li:hover,
.tabs .hover {
    background-position: -43px 0;
}

.tabs li.active {
    background-position: -86px 0;
}

.tabs li a {
    padding: 7px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/tabs_bg_sprite_big.gif) no-repeat scroll right top;
    text-decoration: none !important;
    color: #fff !important;
    /* padding-right:15px; */
    padding: 7px 12px 7px 7px;
    display:block;
    width: auto !important;
    width: 18px;
    min-width: 18px;
    white-space: nowrap;
}

.tabs li a:hover {
    background-position: right -31px;

}

.tabs li.active a {
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/tabs_bg_sprite_big.gif) no-repeat scroll right -62px;
}


/*CT 20.04.10 Platt Woerterbuch A-Z Button Sprichworte*/
.tabs li.bigtab {
	padding-left:5px;
}

.tabs li.bigtab a {
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/tabs_bg_sprite_big.gif) no-repeat scroll right top;
    padding-right:15px;
}

.tabs li.bigtab a:hover {
    background-position: right -31px;

}

.tabs li.bigtab.active a {
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/tabs_bg_sprite_big.gif) no-repeat scroll right -62px;
}
/*Ende CT*/


.glossar .article .head {
    position: relative;
    clear: both;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/blue_line_arrow_left_up_520.gif) no-repeat scroll left bottom;
    padding: 12px 0 22px 0;
    margin-bottom: 12px;
}

.glossar .article .head h1 {
    height: 1%;
    margin-bottom: 0;
    color: #3365b8;
}

.glossar .article .head a {
    position: absolute;
    bottom: 4px;
    right: 0;
    background-position: -2px 2px;
    white-space: nowrap;
}


/**
 * Tabellen
 */

table { width: 100%; border-collapse: collapse; margin-bottom: 0.5454em; border-top: 1px #888 solid; border-bottom: 1px #888 solid; }
table caption { font-variant: input_small-caps; }
table.full { width: 100%; }
table.fixed { table-layout: fixed; }

th, td { padding: 0.6em; }
thead th { color: #333; border-bottom: 1px #dadfe9 solid; padding-left: 8px; text-align: left; }
tbody th { background: #e0e0e0; color: #333; }
/* tbody th[scope="row"], tbody th.sub { background: #f0f0f0; } */

tbody th { border-bottom: 1px solid #fff; text-align: left; }
tbody td { border-bottom: 1px solid #dadfe9; padding-left: 12px; text-align: left; vertical-align:top;}
tbody .td_right { text-align: right; }
tbody .td_center { text-align: center;  }

/* tbody tr:hover th[scope="row"], */

/* tbody tr:hover tbody th.sub { background: #fff; } */
/* tbody tr:hover td { background: #fff; } */

.table_controls { position: relative; display: inline; }
.table_controls .up { position: absolute; top : -5px; left: 5px; }
.table_controls .down { position: absolute; top : 1px; left: 5px; }

.positive {
    color: #0ebc17;
}

.negative {
    color: #bc1025;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

td.bold {
    font-weight: 700;
}

tr.top {
    background-color: #e6f7e5;
}

tr.bottom {
    background-color: #f7e5e9;
}

/* TODO: Workaround. Tabellen sind bisher noch zu gro� (1.2em) */

.league {
	margin-bottom: 12px;
}

.league table {
	font-size: 1.0em
}

.league table,
.schedule table,
.program_table table {
    border-top: 0;
    border-bottom: 0;
}



.league h3,
.schedule h3,
.program_table h3 {
    padding-top: 4px !important;
    padding-bottom: 6px;
    font-size: 1.4545em !important;
    font-weight: 400 !important;
    color: #3365b8 !important;
}

table caption {
    border: 0 none;
    padding: 6px 12px;
    font-weight: 700;
    text-align: left;
    color: #fff !important;
    background-color: #3365b8;
}

table caption span {
    font-weight: 400;
}

.league th {
    padding-left: 12px;
    white-space: nowrap;
}

.league td {
    padding: 4px 0px 4px 8px;
}

.league a img {
    display: block;
}

.league .small {
    padding: 0;
}

.league .pos {
    padding-right: 0;
}

.league .tendency {
    padding: 6px 0 4px 6px;
}

.league .last_pos {
    padding-left: 9px;
    text-align: center;
}

.schedule td {
    height: 25px;
    padding: 0 7px 0 8px;
}

.schedule .link_arrow {
    background-position: -2px 2px;
}

.program_table .title {
    font-weight: 700;
    color: #333;
}

.program_table .program {
    width: 25%;
}

.program_table .program_text {
    width: 30%;
}

.program_table .tipp {
    padding-top: 5px;
}

.program_table th {
    padding-left: 12px;
    color: #3365b8;
}

.program_table td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.0909em;
    line-height: 1.2727em;
    vertical-align: top;
}

.program_table td img {
    display: block;
}

td.live .result {
	color:#CC0000;
	font-size:1.2em;
	font-weight:bold;
}

.livescore th {
	color: #fff;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	font-size:1px;
	height: 1px;
	overflow:hidden;
	display: none;
	}

.livescore td {
	padding: 4px 3px;
	font-size: 10px;
}

.league.chart {
	overflow:hidden;
}

/**
 * Image Gallery
 */

.image_gallery, .player_head, .image_slider {
    color: #fff;
    background: #0b3478;
    position:relative;
}

.image_gallery .head, .player_head .head, .image_slider .head {
    position: relative;
    padding: 13px 24px 8px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_gallery_head.gif) repeat-x;
    zoom: 1;
}

.player_head .head div.mein_norden_marker {
	position: absolute;
	right:23px;
	top:-8px;
}

.head h2, .head h1 {
    margin: 0 0 8px 0;
    color: #fff;
}

.image_gallery .head div.play_button_small {
    float: left;
    margin-right: 7px;
}

.image_gallery .head div.slideshow_button {
    margin-right: 8px;
    cursor: pointer;
    width: 70%;
}

.image_gallery .head div.slideshow_button_text {
    float: left;
    margin-top: 3px;
}

.image_gallery .body {
    zoom: 1;
}

.image_gallery.webcam .body{
	height: 660px;
}

.image_gallery.webcam .camrefreshbutt{
	float: right;
	display:block;
	position:relative;
	width: 24px;
	height: 24px;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_captcha_reload.png) no-repeat 0 0;
}
.image_gallery.webcam a.camrefreshbutt:hover{
	background-position: 0 -24px;
}

.webcam .pagebuttons { top: 12px !important; }
.webcam .pagebutton_text { top: 20px !important; }

.webcam .controls {
    margin-bottom: 31px;
}

.webcam .controls div {
    display: block;
    padding-top: 5px;
}

.webcam .controls .button .open {
    float: left;
    display: block;
    height: 20px;
    padding: 3px 1px 0 25px;
    font-size: 1.2em;
    font-weight: 700;
    color: #042b6b;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/btn_arrowleft_all_sprite_light.gif) no-repeat scroll left -133px;
}

.webcam .controls .button {
    cursor: pointer;
}

.webcam .controls .button.active .open {
    background-position: left -133px;
}

.webcam .controls .button.hover .open {
    background-position: left -157px;
}

.webcam .controls .button .close {
    float: left;
    height: 19px;
    margin-right: 10px;
    padding: 4px 7px 0 4px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/btn_arrowleft_all_sprite_light.gif) repeat-x scroll right -133px;
}

.webcam .controls .button.active .close {
    background-position: right -133px;
}

.webcam .controls .button.hover .close {
    background-position: right -157px;
}

.webcam .controls input {
    margin-right: 2px;
}

.webcam .controls label {
    vertical-align: 3px;
}


.image_gallery .body .image_slide_wrapper {
    position: relative;
    overflow: hidden;
    width: 521px;
    margin: 0 24px;
    padding: 11px 0 0 0;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_gallery_body.gif) repeat-x;
}

.image_gallery .body .image_slide_wrapper_js {
    height: 55px;
}

.image_gallery.webcam .body .image_slide_wrapper_js {
	height: auto;
}

.image_gallery .body .image_slide {
    width: 500px;
    padding-left: 22px;
}

.image_gallery .body .image_slide_js {
    width: 100000px;
    padding-left: 213px;
}

.image_gallery .body .image_slide div.gallery_image {
    position: relative;
    float: left;
    height: 55px;
    cursor: pointer;
}

.image_gallery.webcam .body .image_slide div.gallery_image {
	height: auto;
}

.image_gallery .body .image_slide div.gallery_image img {
    display: block;
    margin: 0 4px 0 3px;
}

.image_gallery .body .image_slide div.gallery_image div.image_shine {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 86px;
    height: 48px;
    margin: 0 4px 0 3px;
    border: 1px solid #fff;
    -moz-opacity: 0.25;
    opacity: 0.25;
    filter: alpha(opacity = 25);
}

.image_gallery .body .image_slide div.gallery_image div.image_selector {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 88px;
    height: 50px;
    margin: 0 4px 0 3px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/image_selector.png) no-repeat;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

.image_gallery .body .image_slide div.gallery_image div.image_selector_actual {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 88px;
    height: 55px;
    margin: 0 4px 0 3px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/image_selector_actual.png) no-repeat;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

.image_gallery .scroll_button_overlay {
    position: relative;
    margin: 0 24px;
    z-index: 2;
    zoom: 1;
}

.webcam .gallery_image .caption {
	text-align: center;
	padding-top: 6px;
}

.image_gallery .gallery_scroll_backward {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 26px;
    height: 50px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/btn_gallery_scroll_left.png) no-repeat 0 0;
    cursor: pointer;
    z-index: 10;
}

.image_gallery .gallery_scroll_forward {
    position: absolute;
    bottom: -60px;
    right: -1px;
    width: 30px;
    height: 50px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/btn_gallery_scroll_right.png) no-repeat top right;
    cursor: pointer;
    z-index: 10;
}

.image_gallery .body .image_box {
    position: relative;
    height: 450px;
    margin: 19px 0 0 0;
}

.image_gallery .body .image_box .image_box_inlet {
    position: absolute;
    top: 0;
    left: 0;
}

.image_gallery .body .image_box .hidden_image_box {
    text-indent: -10000px;
}

.image_gallery .body .image_box .image_box_inlet div.image_detail {
    width: 568px;
    /* height: 320px; */
}

.image_detail img {
	width: 568px;
}
.image_gallery .image_audio {
    padding: 8px 24px 0;
    zoom: 1;
}

.image_gallery .image_audio a.link_light_blue_arrow {
    padding-left: 15px;
    font-size: 1.0909em;
    color: #b6c2d7;
    background-position: 0 2px;
}

.image_gallery .image_description, .image_slider .image_description {
    padding: 10px 24px 0;
    zoom: 1;
    font-size: 0.8em;
}

.webcam .image_description {
	background-color: #0B3478;
}

.image_gallery .image_description p, .image_slider .image_description p {
    margin: 0;
    padding: 0 30px 47px 0;
	font-size: 1.4em;
}

.image_gallery .image_description_footer {
    padding: 0 24px 14px;
    display: none;
}

.image_gallery .image_description_footer_js {
    position: absolute;
    bottom: 0;
    width: 520px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/dark_blue_line_arrow_right_up_520.gif) no-repeat 24px 0;
}

.image_gallery .image_description_footer img {
    display: block;
}

.image_gallery .image_description_footer div.image_copyright {
    padding: 11px 0 0 0;
    color: #b6c2d7;
}

.image_gallery .pagebutton_text {
    position: absolute;
    top: 20px;
    right: 85px;
}

.image_gallery .pagebuttons {
    position: absolute;
    top: 12px;
    right: 24px;
    width: 56px;
}

.image_gallery .gallery_prev_image {
    float: right;
    width: 26px;
    height: 30px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/switch_next_prev.png) no-repeat 0 -31px;
    cursor: pointer;
}

.image_gallery .gallery_prev_image_hover {
    background-position: 0 -62px;
}

.image_gallery div.prev_image_disable {
    overflow: hidden !important;
    background-position: 0 0 !important;
    cursor: auto !important;
    z-index: 9999 !important;
    zoom: 1 !important;
}

.image_gallery .gallery_next_image {
    float: right;
    width: 28px;
    height: 30px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/switch_next_prev.png) no-repeat -26px -31px;
    cursor: pointer;
}

.image_gallery .gallery_next_image_hover {
    background-position: -26px -62px;
}

.image_gallery .next_image_disable {
    background-position: -26px 0 !important;
    cursor: auto !important;
}

div.play_button_small {
    width: 23px;
    height: 20px;
    font-size: 1px;
    line-height: 0;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_play_small_sprite.gif) no-repeat 0 0;
    cursor: pointer;
}

div.play_button_small:hover,
div.play_button_small_hover {
    background-position: 0 -20px;
}

/* Bildershows in Galerien */

.pseudotabs { 
/*	height: 27px; entfernt, da sonst keine Mehrzeiler bsp Cams möglich sind (CT) */	
	padding: 0; 
	background: none transparent; 
}

.pseudotabs ul li.floatright { 
	float: right; 
	margin-right: 0; 
	margin-left: 3px; 
}

.image_gallery.tabbox { 
	background: none repeat #0B3478 !important; 
}

.pseudotabs ul li.floatright { 
	background: none; padding: 0; 
}

.pseudotabs ul li.floatright a {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/switchbuttons.png) top left no-repeat transparent;
	width: 30px;
	text-indent: -4000px;
	padding: 4px 0;
}

.pseudotabs ul li.floatright .switch_list { 
	background-position: -47px 0;
}

.pseudotabs ul li.floatright .switch_list:hover, 
.pseudotabs ul li.floatright .switch_list.active:hover { 
	background-position: -47px -56px;
 }
	 
.pseudotabs ul li.floatright .switch_list.active { 
	background-position: -47px -28px; 
}

.pseudotabs ul li.floatright .switch_detail { 
	background-position: -5px 0;
}

.pseudotabs ul li.floatright .switch_detail:hover, 
.pseudotabs ul li.floatright .switch_detail.active:hover { 
	background-position: -5px -56px; 
	}
	
.pseudotabs ul li.floatright .switch_detail.active { 
	background-position: -5px -28px;
}
 
/**
 * Stockmarket
 */

.stockmarket_chart h2 {
    margin-top: 9px;
}

.stockmarket_chart img {
    display: block;
    margin-top: 5px;
}

.stockmarket_chart dl {
    margin: 0 0 8px;
    line-height: 1.4545em;
}

.stockmarket_chart dt {
    font-weight: 400;
    float: left;
    width: 69px;
}

.stockmarket_chart dd {
    margin: 0;
}

.stockmarket_chart .bottom {
    border-top: 0;
    padding-top: 0;
}

/* Podcast */

.podcast div.abo_link {
    /* margin: 12px 0 21px; */
    padding-bottom: 12px;
}

.podcast .help_link {
	float: right;
	margin-top: -24px;
}

.podcast .grey_box {
    float: left;
    width: 512px;
    height: 12px;
    margin: 0 8px 0 0;
    border: 1px solid #bcbcbc;
    padding: 4px;
    font-size: 0.9em;
    color: #333;
}

.podcast div.abo_link a.grey_box_copy {
    float: left;
    display: none;
    padding: 4px 0 0 0;
}

.alternate_podcast_abos {

    margin: 6px 0 24px;
}
.alternate_podcast_abos li {
	float: left;
	width:200px;
}

.alternate_podcast_abos li a {
    display: block;
}

.alternate_podcast_abos li a img {
    margin-right: 7px;
    vertical-align: middle;
}


.podcast .narrow {
	padding-bottom: 0;
	padding-top: 0;
}

.alternate_podcast_abos_left_top { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2 }
.alternate_podcast_abos_right_top {border-bottom: 1px solid #e2e2e2; padding-left: 16px;}
.alternate_podcast_abos_left_bottom {border-right: 1px solid #e2e2e2;}
.alternate_podcast_abos_right_bottom {padding-left: 16px;}

/**
 * Hitliste des Nordens
 */

.hitliste {
    padding-top: 7px;
}

.hitliste p {
    margin-bottom: 19px;
    font-size: 1.2727em;
    line-height: 1.4286em;
}

.hitliste .formular fieldset {
    padding-bottom: 0;
}

.hitliste_detail .link_arrow {
    background-position: -2px 2px;
}

.hitliste ul.hitliste_selection {
    margin: 0;
    list-style-type: none;
}

.hitliste ul.hitliste_selection li {
    position: relative;
    /* height: 120px; */
    overflow:hidden;
    padding-bottom: 32px;
    padding-left: 8px;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #cfd5e1;
    list-style-image: none;
    list-style-type: none;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/hitliste_bg.png) repeat-x bottom;
}

.hitliste ul.hitliste_selection li p {
    margin-bottom: 0;
    padding-right: 8px;
    padding-bottom: 0;
    font-size: 1em;
    line-height: 1.2727em;
}

.hitliste ul.hitliste_selection img {
    float: left;
    margin: 0px 8px 0 -8px;
}

.hitliste ul.hitliste_selection h3 {
    margin-bottom: 8px;
    border: 0;
    padding-top: 12px;
    font-weight: 700;
    line-height: 1em;
}

.hitliste .vote_selection {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 107px;
    height: 24px;
    padding-top: 4px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/hitliste_check.gif) no-repeat;
}

.hitliste ul.hitliste_selection p .link_arrow {
    display: inline;
    margin-left: 5px;
    padding-top: 0;
    padding-left: 10px;
    background-position: -2px 2px;
}

.hitliste .vote_selection input {
    margin: 0 0 0 11px;
    vertical-align: middle;
}

.hitliste .vote_selection label {
    width: auto;
    margin-top: 2px;
    padding-left: 10px;
    vertical-align: middle;
    font-size:0.8em;
}

.hitliste .submit_voting {
    font-weight: 700;
    text-align: right;
}

.hitliste .button_sprite {
    display: inline;
    vertical-align: middle;
}

.hitliste .reset {
    overflow: visible;
    margin-right: 8px;
    border: none;
    padding: 5px 0 5px 0;
    font-weight: 700;
    vertical-align: middle;
    color: #3365b8;
    background: none;
    cursor: pointer;
}

.hitliste .formular {
    margin-top: 8px;
}

.hitliste .formular fieldset {
    border: none;
}

.hitliste .progress_bar_light_blue_wrapper {
    
    clear: right;
    width: 320px;
    font-weight: 700;
    margin-left: 192px;
}

.hitliste .progress_bar_light_blue {
    float: left;
    display: inline;
    width: 285px;
}

.hitliste .progress_bar_light_blue .progress_bar_indicator {
    height: 21px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/progress_bar_blue_medium.gif) repeat-x top right;
}

.hitliste .progress_bar_light_blue .progress_bar_indicator span {
    right: -48px;
    color: #4170bd;
    padding-top: 4px;
}


/**
 * Progress bar light blue
 */

.progress_bar_light_blue_wrapper {
    float: left;
    clear: left;
}

.progress_bar_light_blue {
    float: left;
    white-space: nowrap;
    color: #bfcde3;
}

.progress_bar_light_blue .progress_bar_indicator {
    position: relative;
    float: left;
    height: 13px;
    margin: 0 6px 0 0;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/progress_bar_light_blue.gif) repeat-x top right;
}

.progress_bar_light_blue .progress_bar_indicator span {
    position: absolute;
    right: -45px;
    width: 40px;
    text-align: left;
}

/   /* Tabbox
    */ 
    
    .tabbox, .pseudotabs
    {
        background-color:#5383d2;
        color:#ffffff;
    }
    
    div.tabbox {
    	background-color: transparent !important;
    	color:#ffffff;
    }

    .tabbox ul, .pseudotabs ul
    {    
        list-style-type:none;
        margin:0;
    }

    .tabbox ul li, .pseudotabs ul li
    {     
        background:transparent url(/web/20140210045705/http://www.ndr.de/resources/images/bg_tab.png) no-repeat scroll left bottom;
        float:left;
        list-style-type:none;
        margin:0 3px 0 0;
        padding-left:18px;
    }

    .tabbox .head ul li a, .pseudotabs ul li a
    {   
        background:transparent url(/web/20140210045705/http://www.ndr.de/resources/images/bg_tab.png) no-repeat scroll right bottom;
        color:#5383d2;
        display:block;
        float:left;
        font-size:1.2727em;
        height:19px;
        padding:4px 18px 4px 0;
        text-decoration:none;
    }
    
    .pseudotabs ul li { padding-left: 8px; }
	.pseudotabs ul li a { padding-right: 8px; }

    .tabbox ul li.active, .pseudotabs ul li.active
    {
        background-position:left -56px;
    }
    
    .tabbox ul li.active a, .pseudotabs ul li.active a
    {
        background-position:right -56px;
        color:#FFFFFF;
    }
    
    .pseudotabs ul li.active, .pseudotabs ul li.active a {
    	background-position: -500px -500px;
    	background-color: #042A6c;
    }
    
    #weather_rubrics .tabbox ul li.active a
    {
        color: #000000;
    }

    .tabbox ul li:hover, .pseudotabs ul li:hover
    {
       background-position: left -56px;
    }
    
    .tabbox ul li:hover a, .pseudotabs ul li:hover a   
    {
       background-position: right -56px;
       color: #fff;
    }

    .tabbox .content
    {
        padding:16px;
        background:#0b3477 url(/web/20140210045705/http://www.ndr.de/resources/images/voting_bg_bottom.png) no-repeat scroll 0 bottom;        
    }

    .weather_detail,
    .weather_detail .content
    {
        padding:16px;
        background: white;
    }

/**
    * Pager
    */ 

    .pager span
    {
        float:left;
        padding:8px 12px;        
    }

    .pager div
    {
    	height: 31px;
    	width: 56px;
    	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/switch_next_prev_lightbox.png) no-repeat 0 0;
    	overflow:hidden;
    	float:left;
    
    }

    .pager .prev,
    .pager .next
    {
        background:transparent url(/web/20140210045705/http://www.ndr.de/resources/images/switch_next_prev_lightbox.png) no-repeat scroll 0 0;
        width:28px;
        height:30px;
        display:block;        
    }    
    
    .pager .prev
    {
        background-position:0 -31px !important;
        float:left;        
    }    
    
    .pager .next
    {
        background-position:-28px -31px !important;
        float:right;        
    }    

    .pager .prev:hover
    {
        background-position:0 -62px !important;
        float:left;        
    }    
    
    .pager .next:hover
    {
        background-position:-28px -62px !important;
        float:right;        
    }
    
/**
 * Bilderaktionen
 */

.bilderaktionen .header,
.bilderaktionen .footer {
    margin: 0 5px;
    padding: 16px;
}

.bilderaktionen .header h1 {
    float: left;
    color: #fff;
}

.bilderaktionen .content {
    padding-bottom:48px;
    text-align:center;
    padding: 0;
}

.bilderaktionen .header .pager,
.bilderaktionen .footer .pager {
    float: right;
}

.bilderaktionen .content ul {
    padding: 12px 1px 6px 12px;
    background: #0b3477 url(/web/20140210045705/http://www.ndr.de/resources/images/voting_bg_top.jpg) no-repeat scroll 0 0;
}

.bilderaktionen .content ul li { 
    margin: 0;
    padding: 0 7px 7px 0;
    background: none;
}



/* Bing maps */
.pin1 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_dot_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}
.pin2 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/red_dot_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}
.pin3 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/green_dot_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}
.smallpin1 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/map_info_blue.png); width: 20px; height: 20px;position:relative;top:3px;left:3px;}
.smallpin2 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/map_info_red.png); width: 20px; height: 20px;position:relative;top:3px;left:3px;}
.smallpin3 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/map_info_green.png); width: 20px; height: 20px;position:relative;top:3px;left:3px;}
.pin_article {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_dot_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}
.currentPositionPin1 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_position_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}
.currentPositionPin2 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/red_position_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}
.currentPositionPin3 {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/green_position_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}

.pin_audio {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_audio_ndr.png); width: 32px; height: 32px;position:relative;top:-19px;left:-4px;}
.pin_themenwoche_glueck {background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/pin_tw_glueck_gruen.png); width: 25px; height: 32px; position:relative;top:-12px;left:-4px;}

.icon_cluster_audio {
	padding-left: 19px  !important;
	font-size:10px !important;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/icon_audio.png) no-repeat scroll 0 3px !important;
}
.icon_cluster_extlink {
	padding-left: 19px  !important;
	font-size:10px !important;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/icon_extlink.gif) no-repeat scroll 0 3px !important;
}


#MSVE_PoweredByLogo {display: none !important}
.MS_alternative_logo {font-weight: bold;}

.MSVE_MapContainer .text {
	color: #fff;
	font-size: 0.8em;
	padding-left: 2px;
	padding-top:3px;
	text-align:center;
	text-shadow: -1px -1px rgba(0,0,0,0.5);
}

.ero-previewArea ul li a {
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/blue_arrow_right.gif) no-repeat -2px 3px;
	padding: 0 0 2px 8px;
	font-size: 16px;
	display: block;
	}
	
.ero-previewArea ul li h3 {
	margin: 2px 0;
	padding:0;
} 

.map .mask { display: none; }

.ero .cluster a {
	font-size:11px;
}

.ero .cluster {
	overflow: hidden;
}

.ero .cluster .geo_map_image {
	float: left;
	padding-right: 4px;
}

.ero .ero-body { 
	width: auto !important;
}

.bing_maps_shape_description {
	width: 255px !important;
}

.bing_maps_shape_description_imageonly {
	width: 568px !important;
}


.box hr {
	margin: 0 8px 4px;
}

 
 /**
 * EPG
 */

.epg h1 {
    margin: 15px 0 13px;
}

.epg .searchfilter {
    position: relative;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/filter_bg.gif) repeat-x; 
}

.epg .searchfilter #btn_filter {
    position: absolute;
    top: -23px;
    right: 0;
    width: 152px;
    height: 29px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/search_toogle.png) no-repeat 0 0;
    /* z-index: 9999; */
}

.epg .searchfilter #btn_filter span {
    position: absolute;
    top: 4px;
    left: 14px;
}

.epg .searchfilter h4 {
    font-size: 1.1818em;
    font-weight: 700 !important;
    line-height: 1em;
    color: #333;
}

.epg #quick_access {
    float: left;
    width: 370px;
    padding: 14px 14px 5px 14px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/white_line_grey_line_170.png) no-repeat right top;
}

.epg #quick_access ul {
    float: left;
    width: 182px;
    margin: 0 4px 0 -4px;
}

.epg #quick_access li {
    padding: 2px 0 2px 16px;
    font-weight: 700;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/arrow_right_darkblue.png) no-repeat 6px 6px;
}

.epg #quick_access li.active {
    background-color: #dfe8f5;
}

.epg #quick_access li img {
    vertical-align: middle;
}

.epg #program_search {
    padding: 14px 14px 30px;
}

.epg #program_search form {
    display: block;
    margin-top: 14px;
}

.epg #program_search form .inline_label {
    color: #939393;
    background: #fff;
}

.epg #program_search button {
    font-weight: 700;
}

.epg #program_search #form_search_string {
    position: relative;
    float: left;
}

.epg #program_search #form_search_string img {
    position: absolute;
    top: 5px;
    right: 7px;
    height: 15px;
    cursor: pointer;
}

.epg #program_search input#search_string {
    width: 252px;
}

.epg #program_search .label_period {
    margin: 5px 0 0;
    color: #7d7d7d;
}

.epg #program_search .label_period span {
    font-style: italic;
}

.epgshortsearch {
border: 1px solid #ff0000;
display: inline;
}

.epg #program_search #form_search_from,
.epg #program_search #form_search_to {
    position: relative;
    float: left;
    display: block;
    margin: 0 3px 0 0;
}

.epg #program_search #form_text {
    position: relative;
    float: left;
    display: block;
    margin: 5px 5px 0 20px;
    color: #7D7D7D;
}

.epg #program_search #form_search_from .ui-datepicker-trigger,
.epg #program_search #form_search_to .ui-datepicker-trigger {
    position: absolute;
    top: 3px;
    right: 4px;
    cursor: pointer;
}

.epg #program_search input#search_from,
.epg #program_search input#search_to {
    width: 72px;
    margin: 0;
}

.epg #program_search .button_sprite {
    margin-left: 188px; /* Opera needs this, is ok with the others except IE (-> patch) and FF 2 (???) */
}

#date_nav {
    margin: 12px 0;
    border-bottom: 1px solid #d8ddd6;
}

#date_nav_back {
    float: left;
    margin-right: 2px;
}

#date_nav_forward {
    float: left;
    padding-left: 2px;
}

#date_nav_pane {
    float: left;
    overflow: auto;
    width: 712px;
}

#date_nav ul {
    width: 10000px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#date_nav ul ul {
	width: auto;
	margin: 0 4px;
}

#date_nav li {
    float: left;
    margin: 0 2px 0 0;
    list-style-type: none;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_l.png) no-repeat;
}

#date_nav li.active {
    color: #fff;
    background: #042b6b url(/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_highlight_l.png) no-repeat;
}

#date_nav li.active ul {
	display:block;
}

#date_nav li div {
    height: 25px; /* show background */
    padding: 4px 6px 0;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_r.png) no-repeat right top;
    float:left;
}

#date_nav li.today div {
    /* height: 21px;  show background */
    /* padding-top: 8px; */
    font-size: 1.0909em;
}

#date_nav li.active div {
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_highlight_r.png) no-repeat right top;
}

#date_nav a {
    display: block;
    font-size: 1.0909em;
    font-weight: 700;
		 margin-bottom: 1px;
}

#date_nav #overviewRegionTitle a {display: inline;}

#date_nav li.active a {
    color: #fff;
}

#date_nav li.active span {
    color: #fff;
}

.epg .schedule_header {
    position: relative; /* for positioning switch */
    height: 22px;
    margin: 0 0 1px;
    background: #3476b8 url(/web/20140210045705/http://www.ndr.de/resources/images/bg_epg_schedule_head.png);
}

.epg .collapsed .schedule_header {
    background: #042b6b url(/web/20140210045705/http://www.ndr.de/resources/images/bg_epg_schedule_head_collapsed.png);
}

.epg #program_schedule h4 {
    margin: 0;
    padding: 4px 0 0 9px; /* mac patch 3px top */
    font-size: 1.3em;
    font-weight: 700;
    color: #fff;
}

.epg #program_schedule .switch {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 22px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_epg_schedule_switch.png);
    cursor: pointer;
}

.epg #program_schedule .collapsed .switch {
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_epg_schedule_switch_collapsed.png);
}

.epg #program_schedule li.program {
    border-top: 1px solid #cfd5e1;
    list-style-type: none;
		 clear:both;
		 padding-bottom: 4px;
		 min-height: 72px;
}

.epg #program_schedule li.now_playing, .epg #program_schedule li.highlighted_program.now_playing, .epg #program_schedule li.local_program.now_playing {
    background: #3476b8 url(/web/20140210045705/http://www.ndr.de/resources/images/bg_epg_now_playing.png) repeat-x;
}

.epg #program_schedule li.highlighted_program,
.epg #program_schedule li.local_program {
    background: #dee8f6;
}

.epg #program_schedule .timeandplay {
    float: left;
    width: 56px;
    height: 72px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_epg_time.png) no-repeat;
}

.epg #program_schedule .now_playing .timeandplay, .epg #program_schedule .now_playing h5 {
    background: transparent;
		 color: #fff;
}

.epg #program_schedule .timeandplay .time {
    display: block;
    margin-top: 6px;
    font-size: 1.2727em;
    line-height: 1em;
    text-align: center;
}

.epg #program_schedule .now_playing .timeandplay a {
    display: block;
    height: 28px;
    margin-top: 17px;
    text-align: center;
}

.epg #program_schedule .highlighted_program .timeandplay span {
    display: block;
    width: 40px;
    height: 16px;
    margin: 6px auto 0;
    padding-top: 3px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: #042b6b url(/web/20140210045705/http://www.ndr.de/resources/images/bg_epg_highlight_btn.png);
}

.epg #program_schedule .thumbnail {
    float: left;
    width: 128px;
    height: 72px;
    overflow: hidden;
}

.epg #program_schedule .details {
    margin-left: 196px;
    padding: 4px 8px 0 0;
}

.epg #program_schedule .now_playing .details,
.epg #program_schedule .now_playing .details a {
    color: #fff;
}

.epg #program_schedule .details h5 {
    display: inline;
    padding-right: 6px; /* 10px - 1 space (display inline) */
    /* font-weight: 700 !important; */
    color: inherit;
    font-size: 1.6em;
}

.epg #program_schedule .details .subtitle {
    display: inline;
    font-weight: 700;
    white-space: nowrap;
}

.epg #program_schedule .details .symbols {
    float: right;
}

.epg #program_schedule .details .symbols img {
    float: left;
    padding-left: 2px;
}

.epg #program_schedule .details p {
    margin: 2px 0 0;
    font-size:1em;
}

.epg #program_schedule .details p a.link_arrow {
    font-weight: 700;
}

.epg #program_schedule .now_playing .details p a.link_arrow {
    background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/white_arrow_right.gif);
}

.epg #program_schedule .local_program .details li a {
	font-family:"NDRSansCondRegular", arial, helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1.1em;
    font-weight: normal;
}

/**
 * EPG Detail
 */

.epg_nav_top {
	border-bottom: 1px solid #DBE6F2;
}

.epg_nav_top a {
	display: block;
	float: left;
	margin-right: 12px;
	padding-left: 12px;
}

.epg_nav_top a.link_notification {
	background: transparent url("/web/20140210045705/http://www.ndr.de/resources/images/icon_mail.gif") no-repeat 0 3px;
}

.epg_nav_top a.link_mainpage {
	background: transparent url("/web/20140210045705/http://www.ndr.de/resources/images/icon_sort_up_active.gif") no-repeat 0 5px;
}

.epg_nav_top .linkbutton {
	float: right;
	position: relative;
	top: -4px;
}

.epg_nav_top .linkbutton a {  margin-right: 0; }

.epg_detail a.link_arrow_left {
    font-weight: 700;
		 background-position: 0 2px;
}

.epg_detail a.link_arrow_right {
    padding-left: 0;
    padding-right: 10px;
    background-position: right center;
}

.epg_detail .direct_nav {
    border: 0 solid #dbe6f2;
    border-bottom-width: 1px;
}

.epg_detail .direct_nav_top {
    /* height: 32px; */
    padding-bottom: 8px;
    margin: 0px 0 20px;
}

.epg_detail .direct_nav_bottom {
    height: 23px;
    margin-top: 16px;
    border-width: 1px 0;
    padding: 7px 0 0;
    font-weight: 700;
}

.epg_detail .direct_nav a.link_arrow_left {
    float: left;
}

.epg_detail .direct_nav .linkbutton,
.epg_detail .direct_nav a.link_arrow_right {
    float: right;
}

.epg_detail .direct_nav_top a.link_arrow_left {
    margin-top: 3px;
}

.epg_detail h1 {
    display: inline;
    margin-right: 2px;
}

.epg_detail h1 span.marker {
	background-color: #0067B6;
	color:#ffffff;
	mrgin-right: 8px;
	padding: 2px 4px;
}

.epg_detail .symbols {
    display: inline;
}

.epg_detail .datetime {
    margin-top: 8px;
    margin-bottom: 12px;
    font-weight: 700;
}

.epg_detail .vps {
    margin-bottom: 17px;
}

.epg_detail .more_link {
    height: 22px;
    border: 0 solid #dbe4f2;
    border-width: 1px 0;
    padding: 3px 0 0;
    clear:left;
}

.epg_detail .meta {
    margin: 10px 0 11px;
    line-height: 1.8181em;
    color: #8f8f8f;
}

.epg_detail .more_info,
.epg_detail .downloads,
.epg_detail .extra {
    margin: -1px 0 11px;
    padding: 0 16px 11px;
    background-color: #e2ecfb;
}

.epg_detail .more_info li a,
.epg_detail .downloads li a {
    display: block;
    /* height: 16px; */
    /* padding: 2px 0 2px 11px; */
    font-size: 1.0909em;
    padding-bottom: 4px;
    /* background: url(/web/20140210045705/http://www.ndr.de/resources/images/arrow_right_med_darkblue.png) no-repeat left 7px; */
}

.epg_detail li a.icon_download, .epg_detail li a.icon_extlink {
	background-position: 0 1px;
}

.epg_detail .downloads li a.pdf {
    padding-left: 24px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/icon_pdf_bg_lightblue.png) no-repeat left 2px;
}

.epg_detail .more_link a.link_arrow {
    padding-left: 12px;
}

.epg_detail .extra img {
    float: left;
}

.epg_detail .extra .column {
    margin-left: 144px;
}

.epg_detail .extra .column h4,
.epg_detail .extra .column p {
    font-size: 1.0909em;
    line-height: 1.3334em;
}

.epgteaserlist p {
	padding-left: 192px;
}

.epgteaserlist div.clearfix {
	clear:both;
	height:1px;
}

.contentpage .epgteaserlist .image span { 
	display: none;
	/* Anja no like BUs */
}

.contentpage .epgteaserlist .image { margin: 4px 8px 8px 0; }

.epg_detail .nowlive {
	color: rgb(204, 0, 0); 
	text-align: right; 
	font-size: 1.1em;
	clear: both;
	}

/*
 * jQuery UI CSS Framework
 * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
 */

/* Layout helpers */
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

.ui-helper-reset {
    /* margin: 0; */
    /* border: 0; */
    /* padding: 0; */
    outline: 0;
    /* font-size: 100%; */
    /* line-height: 1.3; */
    text-decoration: none;
    list-style: none;
}

.ui-helper-clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
}

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);
}

/* Interaction Cues */
.ui-state-disabled {
    cursor: default !important;
}

/* States and Images */
.ui-icon {
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-repeat: no-repeat;
}

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
 * Themed Datepicker
 * Author: Martin Stadle (martin@siarp.de)
 */

/* Component Containers */
.ui-datepicker.ui-widget-content {
    border: 1px solid #a6c9e2;
    color: #222;
    /*background: #fcfdfd url(/web/20140210045705/http://www.ndr.de/resources/css/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;*/
    background: #fcfdfd;
}

.ui-datepicker.ui-widget-content a {
    color: #222;
}

.ui-datepicker.ui-widget-header {
    font-weight: 700;
    border: 1px solid #4297d7;
    color: #fff;
    /*background: #5c9ccc url(/web/20140210045705/http://www.ndr.de/resources/css/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;*/
    background: #5c9ccc;
}

.ui-datepicker.ui-widget-header a {
    color: #fff;
}

/* Interaction States */
.ui-datepicker.ui-state-default a,
.ui-datepicker.ui-state-default a:link,
.ui-datepicker.ui-state-default a:visited {
    color: #2e6e9e;
    text-decoration: none;
    outline: none;
}

.ui-datepicker.ui-state-hover a,
.ui-datepicker.ui-state-hover a:hover {
    outline: none;
    text-decoration: none;
    color: #1d5987;
}

.ui-datepicker.ui-state-active a,
.ui-datepicker.ui-state-active a:link,
.ui-datepicker.ui-state-active a:visited {
    outline: none;
    text-decoration: none;
    color: #e17009;
}

/* Interaction Cues */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    border: 1px solid #fad42e;
    color: #363636;
    /*background: #fbec88 url(/web/20140210045705/http://www.ndr.de/resources/css/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;*/
    background: #fbec88;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error {
    border: 1px solid #cd0a0a;
    color: #cd0a0a;
    /*background: #fef1ec url(/web/20140210045705/http://www.ndr.de/resources/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;*/
    background: #fef1ec;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text {
    color: #cd0a0a;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
    background-image: none;
    opacity: 0.35;
    filter: alpha(opacity = 35);
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary {
    font-weight: 700;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
    font-weight: 400;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

/* Overlays */
.ui-widget-overlay {
    /*background: #aaa url(/web/20140210045705/http://www.ndr.de/resources/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;*/
    background: #aaa;
    opacity: 0.30;
    filter: alpha(opacity = 30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    /*background: #aaa url(/web/20140210045705/http://www.ndr.de/resources/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;*/
    background: #aaa;
    opacity: 0.30;
    filter: alpha(opacity = 30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* Datepicker */
.ui-datepicker {
    width: 193px;
    border: 1px solid #cfd5e1;
    padding: 2px;
    background: #fff;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    height: 18px;
    border: 0;
    padding: 4px 0;
    background: #08477b url(/web/20140210045705/http://www.ndr.de/resources/images/jquery-ui/datepicker-bg_header.png);
}

/* override prev-next-background showing */
.ui-datepicker .ui-datepicker-header .ui-state-hover {
    border: 0;
    background: transparent;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 3px;
    width: 19px;
    height: 18px;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    width: 19px;
    height: 18px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/jquery-ui/datepicker-icon_prev.png);
}

.ui-datepicker .ui-datepicker-next .ui-icon {
    background: url(/web/20140210045705/http://www.ndr.de/resources/images/jquery-ui/datepicker-icon_next.png);
}

.ui-datepicker .ui-datepicker-prev {
    left: 3px;
}

.ui-datepicker .ui-datepicker-next {
    right: 5px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    padding-top: 1px;
    font-weight: 400;
    text-align: center;
    color: #fff;
}

.ui-datepicker .ui-datepicker-title select {
    float: left;
    margin: 1px 0;
    font-size: 1em;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: right;
}

.ui-datepicker table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border: none;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 400;
    border: 0;
    color: #22547e;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0;
    border: none;
    padding: 0;
    background-image: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    overflow: visible;
    width: auto;
    margin: 4px 1px 3px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* Datepicker Interaction States */
.ui-datepicker table .ui-state-default {
    outline: none;
    border: 1px solid #cfd5e1;
}

.ui-datepicker .ui-state-default a,
.ui-datepicker .ui-state-default a:link,
.ui-datepicker .ui-state-default a:visited {
    outline: none;
    text-decoration: none;
    color: #2e6e9e;
}

.ui-datepicker table .ui-state-hover,
.ui-datepicker table .ui-widget-content .ui-state-hover,
.ui-datepicker table .ui-state-focus,
.ui-datepicker table .ui-widget-content .ui-state-focus {
    outline: none;
    color: #1d5987;
    background: #d6e0f1 !important;
}

.ui-datepicker .ui-state-hover a,
.ui-datepicker .ui-state-hover a:hover {
    outline: none;
    text-decoration: none !important;
}

.ui-datepicker table .ui-state-active,
.ui-datepicker table .ui-widget-content .ui-state-active,
.ui-datepicker table .ui-state-highlight,
.ui-datepicker table .ui-widget-content .ui-state-highlight {
    outline: none;
    color: #fff !important;
    background: #042b6b !important;
}

.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-state-active a:link,
.ui-datepicker .ui-state-active a:visited {
    outline: none;
    text-decoration: none;
    color: #fff;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /* must have */
    display: none; /* sorry for IE5 */
    display /**/:block; /* sorry for IE5 */
    top: -4px; /* must have */
    left: -4px; /* must have */
    width: 200px; /* must have */
    height: 200px; /* must have */
    z-index: -1; /* must have */
    filter: mask(); /* must have */
}
.contentpage .image {
    position: relative;
    display: block;
    margin: 4px 22px 8px 0;
}

/**
 * Lightbox
 */

div#fancy_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
}

div#fancy_loading {
    position: absolute;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    background: transparent;
    z-index: 100;
}

div#fancy_loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/fancy_progress.png) no-repeat;
}

div#fancy_outer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
    z-index:9999;
}

div#fancy_inner {
    position: relative;
    width:100%;
    height:100%;
    background: #0D367A;
}

div#fancy_content {
    margin: 0;
    z-index: 100;
    position: absolute;
}

div#fancy_div {
    background: #0D367A;
    color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 100;
}

img#fancy_img {
    position: absolute;
    top: 0;
    left: 0;
    border:0; 
    padding: 0; 
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

div#fancy_close {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 45px;
    width: 45px;
    background:#0D367A url(/web/20140210045705/http://www.ndr.de/resources/images/lightbox-btn-close.gif) no-repeat scroll 10px 10px;
    cursor: pointer;
    z-index: 181;
    display: none;  
}

#fancy_frame {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

#fancy_ajax {
    width: 100%;
    height: 100%;
    overflow: auto;
}

a#fancy_left, a#fancy_right {
    position: absolute; 
    bottom: 0px; 
    height:31px;
    width:28px;
    cursor: pointer;
    z-index: 111; 
    display: none;
    background-image: url(data:image/gif;base64,AAAA);
    outline: none;
    overflow: hidden;
}

a#fancy_left {
    bottom:1px;
    right:28px; 
}

a#fancy_right {
    bottom:1px;
    right:2px;
    width:26px; 
}

span.fancy_ico {
    position: absolute; 
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 112; 
    cursor: pointer;
    display: block;
}

span#fancy_left_ico {
    background-position:0 -31px;
    background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/switch_next_prev_lightbox.png);
    height:31px !important;
    width:28px !important;
}

span#fancy_right_ico {
    background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/switch_next_prev_lightbox.png);
    background-position:-28px -31px;
    height:31px;
    width:28px;
}

div#fancy_outer #fancy-nav {
    background:transparent url(/web/20140210045705/http://www.ndr.de/resources/images/switch_next_prev_lightbox.png) no-repeat scroll 0 0;
    height:31px;
    width:56px;
    right:20px;
    top:12px;
    position:absolute;
    /* display:block; */
    display: none; /* Bl�tterbuttons deaktiviert */
}

a#fancy_left:hover, a#fancy_right:hover {
    visibility: visible;
    background-color: transparent;
}

#fancy_bigIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

div#fancy_bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
    background: #0D367A;
}
    
div.fancy_bg {
    position: absolute;
    display: block;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

div#fancy_title {
    z-index: 100;
    display: none;
    background:#0D367A;
    padding:2px 0 30px 20px;
    background-position:0 0;
    left:0 !important;
    top:0 !important;
    position:relative;  
}

div#fancy_title div {
    color: #FFF;
    white-space: normal;
    width:70%;
    
}

div#fancy_title table {
    margin: 0 auto;
}

div#fancy_title table td {
    padding: 0;
    vertical-align: middle;
}

td#fancy_title_left {
    height: 32px;
    width: 15px;
}

td#fancy_title_main {
    height: 32px;
}

td#fancy_title_right {
    height: 32px;
    width: 15px;
}

/*********** - VTX - **************/

#vtxt {
	padding: 20px 0px 20 0px;
	position: relative;
	text-align: center;
	background-color: #e2e2e2; 
	background-repeat: repeat-x;
	height: 362px;
}

#vtxt img{
	border: 1px solid white;
	position: absolute;
	left: 50%;
	margin-left: -305px;
	display: block;
	float: left;
}

#vtx {
	background-color: #000;
	color: #fff;
	padding: 10px 25px;
	font-family: Courier;
  margin: 10px 0; 
  width: 470px;
  text-align: center;
  font-size: 1.3em;
}

#vtx a {
    color: #fff;
}

#vtxcontainer {
	position: relative;
	width: 34em;
	height: 45em;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#vtxheader {
	height: 4em;
	position: relative;
}

#headerbacklink {
	position: absolute;
	left: 24.7em;
	bottom: 1em;
}

.headergrafik {
	height: 3em;
}

.vtxline {
	padding: 0.1em 0;
}

.doppel { 
       /* font-size: 2em; */
} 

.verstecktes_zeichen { 
        font-style: italic; 
} 

.schwarz-bg {
	background-color: #000000 ;
}

.schwarz {
	color: #000000 ;
}

.green-bg {
	background-color: #800000 ;
}

.green, #vtx .green a, #vtx .green a:visited {
	color: #00FF00 ;
}

.gelb-bg {
	background-color: #ff0;
}

.gelb, #vtx .gelb a, #vtx .gelb a:visited {
	color: #ff0;
}

.weiss-b {
	background-color: #fff;
}

.weiss, #vtx .weiss a, #vtx .weiss a:visited {
	color: #fff;
}

.rot-bg {
	background-color: #FF0000;
}

.rot, #vtx .rot a, #vtx .rot a:visited {
	color: #FF0000;
}

.blau, #vtx .blau a, #vtx .blau a:visited {
	color: #0ff;
}

.blau-bg {
	background-color: #0000ff;
}

.magenta-bg {
	background-color: #FF00FF;
}

.magenta, #vtx .magenta a, #vtx .magenta a:visited {
	color: #FF00FF;
}

.cyan-bg {
	background-color: #008080;
}

.cyan, #vtx .cyan a, #vtx .cyan a:visited {
	color: #00FFFF;
}

#vtxfooter {
	height: 1em;
	position: absolute;
	bottom: 0;
}

.vtxfooterlink {
	text-align: center;
	margin: 0;
	text-decoration: none;
	color: #00f;
	display: block;
	float: left;
	vertical-align: middle;
}

.vtxline {
	padding: 0;
	white-space: nowrap;
}

#backlink {
	width: 3em;
	background-color: #f00;
}

#fwdlink  {
	width: 3em;
	background-color: #0f0;
}

#uplink {
	width: 11em;
	background-color: #ff0;
}

#rublink {
	width: 11em;
	background-color: #0ff;
}

.grafikzeichen { 
        width: 1em; 
        height: 1em; 
} 

#vtx #header  {
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/header_universal.gif);
	background-repeat: no-repeat;
	height: 5em;
	position: relative;
	margin: 0 auto;
	width: 390px;
}

#vtx #rb-header {
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/header_radiobremen.gif);
	background-repeat: no-repeat;
	height: 5em;
	position: relative;
	background-color: #c51015;
	margin: 0 auto;
	width: 390px;
}

#subheader0 {
	position: absolute;
	top: 2.8em;
	left: 12em;
	color: #00f;
}

#subheader1 {
	position: absolute;
	top: 3.9em;
	left: 12em;
	color: #00f;
}
#seite, #title { float: left }

/* +++ Nordcams +++ */
#nc_positioner {
	position: relative;
	width: 568px;
	height:469px;
	overflow: hidden;
	}
	
.nordcam_map {
	position: absolute;
	top: 0;
	left: 0;
	}
	
.nordcam {
	position: absolute;
	background-color: #fff;
	border: 1px solid #0b3478;
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/icon_nordcam.gif);
	background-repeat: no-repeat;
	background-position: 2px 0.1em;
	padding-left: 16px;
	padding-right: 4px;
	display: none;
	}
	
.nordcam h3 {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	}
	
.nordcam img {
	display: block;
	float: left;
	}
	
.nordcam span {
	display: none;
	}
	
#nordcamnav {
	height: 20px;
	}

#nordcamnav a {
	display: block;
	float: left;
	padding: 4px 10px;
	font-weight: bold;
	border-right: 1px solid #cecece;
	border-top: 1px solid #cecece;
	}
	
#nordcamnav a#overview {
	background-color: #ececec;
	}
	

    /**
     * Searchpage
     */
    
    .search .numbers
    {
        margin: 0;
        font-size: 1.0909em;
        font-weight: 700;
        line-height: 1.0909em;
    }
    
    .search .searchwords
    {
        margin-top: -1px;
        margin-bottom: 16px;
        font-size: 1.4545em;
    }

    .search .topline
    {
        color: #707070;
        line-height: 1em;
        margin: 0 0 2px 0;
    }

    .search .teaser_three h2
    {
        margin: 2px 0 2px -1px;
        font-size: 1.8em !important;
    }
    
    .search h3
    {
        color: #3365b8;
        font-size: 1.0909em;
        font-weight: 700;
    }

    .search .searchresult
    {
        margin-bottom: 19px;
        zoom: 1;
    }
    
    .search .searchresult img
    {
        float: left;
        padding-right: 16px;
        margin-top: 1px;
    }

    .search .searchresult h3
    {
        margin: 0 0 2px 0 !important;
        padding: 0;
    }

    .search .searchresult h3 img
    {
        padding: 1px 5px 0 0;
    }

    .search .searchresult .link_arrow
    {
        margin-left: 5px;
    }

    .search .relevance
    {
        /* padding-top: 4px; */
    }    
    
    .search .relevance span
    {
        float: left;
        color: #707070;
    }
    
    .search .relevance .relevance_bar
    {
        float: left;
        overflow: hidden;
        width: 49px;
        height: 9px;
        margin: 3px 0 0 3px;
        background: #fff url(/web/20140210045705/http://www.ndr.de/resources/images/relevance_bar.png) no-repeat 0 -9px;
    }
    
    .search .relevance .indicator
    {
        height: 9px;
        background: #fff url(/web/20140210045705/http://www.ndr.de/resources/images/relevance_bar.png) no-repeat 0 0;                
    }       

    .search legend
    {
        display: none;
    }

    .search #filter_selection
    {
        position: relative;
        padding: 11px 16px 0;
        background: #fff url(/web/20140210045705/http://www.ndr.de/resources/images/filter_bg.gif) repeat-x top left;
        font-weight: 700;
        zoom: 1;
        display: none;       
    }

    .search .searchfilter
    {
        position: relative;
        margin-bottom: 22px;
        font-size:0.9em;
    }

    .search .searchfilter #btn_filter
    {
        right: 0;
        position: absolute;
        top: -22px;
        width: 152px;
        height: 29px;
        background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/search_toogle.png) no-repeat 0 0;
        z-index: 9999;
        display:none;
        text-align:center;
    }

    .search .searchfilter #btn_filter span
    {
        /* position: absolute;
        left: 14px;
        top: 4px; */
        display:block;
        margin-top: 5px;
    }

    .search .searchfilter ul
    {
        margin: 0;
        zoom: 1;
    }

    .search .searchfilter ul li
    {
        float: left;
        margin: 0 13px 0 0;
        line-height: 1.5455em;
        list-style: none;
    }
    
    .search .searchfilter li label
    {
        display: block;
        padding: 0 0 4px;
    }

    .search .searchfilter form p
    {
        margin: 0;
        padding: 0 0 8px 0;
    }

    .search .searchfilter select
    {
        width: 167px;
        padding: 2px 3px 2px 3px;
        font-size: 1.0909em;
        font-family: Arial, sans-serif;
    }

    .search .searchfilter #pagesize
    {
        margin-right: 0;
    }

    .search .searchfilter #pagesize select
    {
        width: 105px;
        min-width: 95px;
    }

    .search .searchfilter .filter
    {
        margin-bottom: 5px;
    }

    .search .searchfilter .more_filter
    {
        margin-bottom: 8px;
    }

    .search .searchfilter .more_filter ul
    {
        margin-top: 5px;
        zoom: 1;
    }

    .search .searchfilter .more_filter ul li label
    {
        font-size: 1.0909em;
        font-weight: 400;
    }    
    
    .search .searchfilter .more_filter ul li
    {
        width: 100px;
        margin-bottom: 2px;
    }

    .search .searchfilter .more_filter ul li input
    {
        float: left;
        margin: 0 5px 6px 0;
    }
    
    .search .searchfilter .more_filter ul li label
    {
        display: block;
        padding: 0;
        font-size: 1.0909em;
        line-height: 1.1667em;
    }    

    .search .searchfilter .search_words
    {
        clear: left;
        border-top: 1px solid #e4e6ed;
        border-bottom: 1px solid #e4e6ed;
        padding: 13px 16px 13px 16px;
        zoom: 1;
    }
    
    .search .searchfilter .search_words input,
    .search .searchfilter .search_words button
    {
        float: left;
        margin: 0;   
    }

    .search .searchfilter .search_words input
    {
        font-size: 1.0909em;
        padding: 4px 6px;
        margin-top: 1px;
    }

    .search .searchfilter #searchword
    {
        width: 385px;
        margin-right: 6px;
    }

    .search .pageswitch
    {
        background-position: 0 0;
        padding-top: 9px;
        margin-top: -2px;
    }

    .search .pageswitch ul
    {
        padding-bottom: 6px;
    }
	
.search	.narrow .teaser_three.horizontal.textonly .content { padding-left: 0 !important; }
	
.search	.teaser_three h2.icon_gallery { background-position: 1px 4px !important;  }
.search	.teaser_three h2.icon_video { background-position: 0px 4px !important;  }
	
/* Programmschema N-JOY */

.programmschema  {
	font-size: 1em;
	width: 100%;
 	border-collapse: separate;
 	margin-bottom: 24px;
}

.programmschema td {
	background-color: #3e60b4;
	color: #fff;
	vertical-align: top;
	font-weight: bold;
	padding: 0 0 0 5px;
	margin: 0;
}

.programmschema img {
	
}

#nami img {
	position: absolute;
	top: -22px;
		left: 180px;
}

#morningshow td {
	position: relative;
}

#morningshow img {
	position:absolute;
	top: 4px;
	right: 0;
	}

.programmschema a {
	color: #fff;
	text-decoration: none;
	before:  
}

.programmschema a:hover {
	color: #ff0;
}

.programmschema caption {
	/* background-color: #036; */
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}

.programmschema th {
	font-weight: normal;
	border-top: 1px solid #3e60b4;
	font-size: 0.85em;
	vertical-align: top;
}

#tage th, #tagewe th {
	background-color: #3e60b4;
	color: #fff;
	font-size: 0.85em;
	text-align: center;
}

#morningshow td {
	height: 101px;
	background-color: #042b6b;
	color: #9c0;
}

#mosho, #nami {
	position: relative;
}

#atwork td {
	height: 6em;
}

.isaundjonas td {
	height: 75px;
	background-color: #042b6b;
}

#njoythemusic td, #njoythemusicwe1 td, #njoytheweekend2 td {
	height: 4em;
}

#njoytheweekend td {
	height: 12em;
	width: 250px;
}

#soundfiles td {
	height: 2em;
	font-size: 0.9em;
}

#chillout td, #chilloutwe td {
	height: 6em;
	background-color: #6897e1;
}

.programmschema .smalltext {
	font-size: 1em;
	line-height: 0.9em;
}



.posi {
	position: relative;
	height: 6em;
	margin-left: -5px;
}

#njoythemusicwe2 td {
	height: 5em;
}

.programmschema .offset {
	position: relative;
	z-index: 10;
	background-color: #3e60b4;
	margin-left: -5px;
	padding-left: 5px;
	border-top: 1px solid #9c0 !important;
	border: 0;
}

#dlugosch, #blankandjones {
	height: 2em;
}

#weshow {
	margin-left: -5px;
	padding-left: 5px;
	position: relative;
	z-index: 10;
	background-color: #042b6b;
	
	 margin-top: 0em;
	height: 5em; 
	border-top: 1px solid #042b6b !important;
	border: 0;
}

#soundfileswe {
	height: 4em;
}

#inthemix {
	position: absolute;
	top: 0;
	left: 232px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	background-color: #042b6b;
	height: 4em;
	margin-top: -2.2em;
	width: 227px;
	padding-left: 5px;	
}

#satflavour {
	position: absolute;
	top: 0;
	left: 0px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #042b6b;
	height: 4em;
	/* width: 21.em !important;
	width: 20.9em; */
	width: 250px;
	padding-left: 5px;	
}


.hugetext, #atwork .normaltext {
	font-size: 1.5em;
	display: block;
	margin-top: -4px;
}

.normaltext {
	font-size: 1em;
	display: block;
	margin-top: -3px;
}

#blankandjones .normaltext, #inthemix .normaltext { 
	margin-top: -3px;
}

.smalltext {
	font-size: 0.85em;
	display: block;
}

.chillouttext {
	font-size: 1.5em;
	display: block;
	position: absolute;
	bottom: -5px;
	right: 0;
}

#latenight2{
	position: absolute;
	font-size: 0.9em;
	top: -36px;
	left: 289px !important;
	left: 284px;
	border: 1px solid #fff;
	background-color: #3e60b4;
	height: 4em;
	padding-top:1px;
	width: 89px !important;
	width: 120px;
	padding-left: 5px;	
}

/* Radiologos auf der Einstiegsseite */

#logotabelle td {
	margin: 0;
	padding: 0;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/wellen/bg_radiologos.jpg) left 47px repeat-x;
	border-bottom: 0;
}

#logotabelle td div {
	width: 126px;
	padding: 8px;
	overflow: hidden;
}

	/* NDR 2Teamtable */
	
.teamTable {
	border-collapse: separate;
	width:100%;
}

.teamTable td {
	text-align: center;
	background-color: #e2ecfb;
	width: 33%;
}
	
.teamTable th.normalTdStyle {
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #e2ecfb;
	background-color: #ffffff;
}

.teamTable .empty {
	background-color: #fff;
	border: 0;
}

.teamTable td a span {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/arrow_right_darkblue.gif) 0 5px no-repeat;
	padding-left: 9px;
}
	
	#grenzenlos_id {
	overflow: hidden;
}

/* Mosaikbilder */

#grenzenlos_id img {
	display: block;
	float: left;
}

.gzl {
	display: block;
	float: left;
	height: 110px;
	width: 96px;
	overflow: hidden;
	background-position: -96px 0;
}

.gzl:hover {
	background-position: 0 0
}

.gzl span {
	display: none;
}

.mosaik {
	display:block;
	float:left;
	height:120px;
	width:71px;
	background-position: -71px 0;
}

.mosaik:hover {
	background-position: 0 0;
}

.mosaik span {
	position: absolute;
	top:-2000px;
}

/* Verkehrsservice (VKS) */

#vks ul {
	margin-bottom: 24px;
}

#vks li li {
	clear: both;
	margin-bottom: 12px;
}

#vks img {
	float: left;
	position: relative; /* IE6 */
	top: 2px;
}

#vks li li div {
	padding-left: 40px;
}

li.vks_gefahr {
	background-color: #e2ecfb;
	padding: 8px;
	margin-bottom:12px;
}

#vks li.vks_einleitung {
	background-color: #e2ecfb;
	
}

#vks li.vks_einleitung ul {
	padding-top:20px;
	padding-bottom:12px;
}

#vks li.vks_einleitung li div {
	padding: 8px;
}


#vks .vks_gefahr h2 {
	background-image: none;
	padding-top:0;
}

#vks h2 {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_line_arrow_right_up_520.gif) no-repeat scroll 0 0 transparent;
	padding-top:12px;
	margin-bottom:16px;
}

.vks_shortcut {
	position:relative;
	top:-20px;
	height:0.7em;
}

.vks_shortcut span {
}

.vks_shortcut ul li, .vks_shortcut span {
	display: block;
	float: left;
	margin-right:8px;
}


/***** Captcha *****/
.captcha .button_box {
	float: left;
	position: relative;
	margin-right: 20px;
	width: 260px;
}
.captcha .captcha_image {
	display: block;
	margin: 0;
	border: 1px solid #bcbcbc;
	width: 230px;
	height: 80px;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/loading.gif) no-repeat scroll center center transparent;
}
.captcha .button_audio {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	text-indent: -999px; 
	overflow: hidden;
	background: transparent;
	border: 0;
}
/* Wenn Flashplayer vorhanden ist, diesen über dem normalen Link darstellen */
.captcha object.button_audio {
	z-index: 1;
}
.captcha a.button_audio {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_captcha_audio.png) no-repeat 0 0;
}
.captcha a.button_audio:hover {
	background-position: 0 -24px;
}

.captcha .button_reload {
	display: block;
	position: absolute;
	top: 24px;
	right: 0;
	width: 24px;
	height: 24px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_captcha_reload.png) no-repeat 0 0;
	border: 0;
}
.captcha .button_reload:hover {
	background-position: 0 -24px;
}

.captcha .button_help {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0;
	width: 24px;
	height: 24px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/btn_captcha_help.png) no-repeat 0 0;
	border: 0;
}
.captcha .button_help:hover {
	background-position: 0 -24px;
}

.captcha label {
	margin-right: 10px;
	width: auto;
}
.captcha .helptext {
	float: none;
	display: block;
	margin: 0 0 1em;
	font-size: 1em;
	line-height: 1.25em;
}

/*** Votingtool Captcha ***/
#captcha {
	width:165px;
	}
	
#captcha_image {
	float:left;
	position:relative;
	top:1px;
	margin-right: 1px;
	margin-left:176px;
	}
	
.captchacontrols {
	float: left;
	width: 20px;
}

#captchaPlayer {
	display:block;
}
/*** /Votingtool Captcha ***/
/***** /Captcha *****/

/* Wetterseiten */

#weather_head {
	margin-bottom: 4px;
}

#weather_no_date {
	margin-top: 16px;
}

#weather_date {
    height: 1.3636em;
    text-align: right;
}

/* Wetter Detailseiten */


#weatherbox,
#weatherbox #more_boxes {
    position: static;
    margin: 0;
    padding: 0;
}

#weatherbox {
    height: 326px;
    margin: 26px 0 0 0;
}

#weatherbox div,
#weatherbox #more_boxes div {
    /* FF before v3 solved */
    display: -moz-inline-box;
    display: inline-block;
    /* only to show... */
    margin-bottom: 2px;
    /* force alignment */
    vertical-align: top;
}

#weatherbox .more_content {
    margin: 0 5px 11px 0;
    background: #fff url(/web/20140210045705/http://www.ndr.de/resources/images/grey_line_300_hori_big.gif) no-repeat scroll left bottom;
}

#weatherbox .main_content {
    float: left;
    width: 234px;
}

#weatherbox .main_title {
    margin-bottom: 8px;
    color: #999;
}

#weatherbox .main_title strong,
#weatherbox .main_title .date_today
{
    font-size: 1.1667em;
}


#weatherbox .main_image {
    margin-bottom: 2px;
    /* padding-left: 89px; */
    font-weight: 700;
    line-height: 64px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/wetter/weathericon_big.jpg) no-repeat scroll left top;
}

#weatherbox .main_image div {
    font-size: 2.4em;
    color: #3365b8;
    margin-left: 4px;
}

#weatherbox .main_image div span.smaller_size,
#weatherbox #more_boxes .main_image div span.smaller_size {
    font-size: 0.5em;
}

#weatherbox .divider_colour,
#weatherbox #more_boxes .divider_colour {
    color: #999;
}

#weatherbox #more_boxes .divider_colour {
    font-size: 0.8947em !important;
}

#weatherbox p {
    margin: 0 0 5px 0;
}

#weatherbox #more_boxes {
    float: left;
    width: 478px;
}

#weatherbox #more_boxes p {
    margin: 0 0 3px;
    /* font-size: 0.9167em; */
}

#weatherbox #more_boxes p span strong {
    font-size: 1em;
}

#weatherbox p span strong {
    font-size: 1.1667em;
}

#weatherbox p span.image_1,
#weatherbox p span.image_2 {
    float: left;
    width: 12px;
    height: 16px;
    margin-right: 5px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/weather_symbole_sprite.jpg) no-repeat scroll left top;
    margin-top: 4px;
}

#weatherbox p span.wind {
    float: left;
    width: 12px;
    height: 16px;
    margin-right: 5px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/wetter/windrichtungen.gif) no-repeat scroll left top;
    margin-top: 4px;
}

#weatherbox #more_boxes p span.image_1,
#weatherbox #more_boxes p span.image_2 {
    /* float: left;
    width: 12px;
    height: 16px;
    margin-right: 5px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/weather_symbole_sprite.jpg) no-repeat scroll left top; */
    margin-top: 0;
}

#weatherbox #more_boxes p span.wind {
    /* float: left;
    width: 12px;
    height: 16px;
    margin-right: 5px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/wetter/windrichtungen.gif) no-repeat scroll left top; */
    margin-top: 0;
}

#weatherbox p span.image_2 {
    background-position: left -16px;
}

#weatherbox #more_boxes p span.image_2 {
    background-position: left -16px;
}

#weatherbox p span.wind.n {
    background-position: 0px top;
}
#weatherbox p span.wind.nno {
    background-position: -12px top;
}
#weatherbox p span.wind.no {
    background-position: -24px top;
}
#weatherbox p span.wind.ono {
    background-position: -36px top;
}
#weatherbox p span.wind.o {
    background-position: -48px top;
}
#weatherbox p span.wind.oso {
    background-position: -60px top;
}
#weatherbox p span.wind.so {
    background-position: -72px top;
}
#weatherbox p span.wind.sso {
    background-position: -84px top;
}
#weatherbox p span.wind.s {
    background-position: -96px top;
}
#weatherbox p span.wind.ssw {
    background-position: -108px top;
}
#weatherbox p span.wind.sw {
    background-position: -120px top;
}
#weatherbox p span.wind.wsw {
    background-position: -132px top;
}
#weatherbox p span.wind.w {
    background-position: -144px top;
}
#weatherbox p span.wind.wnw {
    background-position: -156px top;
}
#weatherbox p span.wind.nw {
    background-position: -168px top;
}
#weatherbox p span.wind.nnw {
    background-position: -180px top;
}

#weatherbox #more_boxes p span.wind.n {
    background-position: 0px top;
}
#weatherbox #more_boxes p span.wind.nno {
    background-position: -12px top;
}
#weatherbox #more_boxes p span.wind.no {
    background-position: -24px top;
}
#weatherbox #more_boxes p span.wind.ono {
    background-position: -36px top;
}
#weatherbox #more_boxes p span.wind.o {
    background-position: -48px top;
}
#weatherbox #more_boxes p span.wind.oso {
    background-position: -60px top;
}
#weatherbox #more_boxes p span.wind.so {
    background-position: -72px top;
}
#weatherbox #more_boxes p span.wind.sso {
    background-position: -84px top;
}
#weatherbox #more_boxes p span.wind.s {
    background-position: -96px top;
}
#weatherbox #more_boxes p span.wind.ssw {
    background-position: -108px top;
}
#weatherbox #more_boxes p span.wind.sw {
    background-position: -120px top;
}
#weatherbox #more_boxes p span.wind.wsw {
    background-position: -132px top;
}
#weatherbox #more_boxes p span.wind.w {
    background-position: -144px top;
}
#weatherbox #more_boxes p span.wind.wnw {
    background-position: -156px top;
}
#weatherbox #more_boxes p span.wind.nw {
    background-position: -168px top;
}
#weatherbox #more_boxes p span.wind.nnw {
    background-position: -180px top;
}

#weatherbox .main_links {
    margin-top: 25px;
    font-size: 0.9167em;
}

#weatherbox .main_links strong {
    font-size: 1.0909em;
}

#weatherbox ul {
    margin: 9px 0 0;
    padding: 0;
}

#weatherbox ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#weatherbox #more_boxes .more_content {
    width: 212px;
    height: 162px;
    padding-left: 20px;
    margin-top:14px;
}

#weatherbox #more_boxes .more_content.second_line {
    margin-top: 11px;
}

#weatherbox #more_boxes .second_border {
    width: 100%;
    height: 100%;
    background: #fff url(/web/20140210045705/http://www.ndr.de/resources/images/grey_line_300.gif) no-repeat scroll -8px bottom;
}

#weatherbox #more_boxes .more_title {
    margin-bottom: 7px;
    color: #999;
}

#weatherbox #more_boxes .more_title strong {
    font-size: 1em;
}

#weatherbox #more_boxes .more_image {
    margin-bottom: 4px;
    border: 0;
    font-weight: 700;
    line-height: 33px;
    background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/wetter/weathericon_small.jpg) top left no-repeat;
}

#weatherbox #more_boxes .more_image div {
    font-size: 1.8em;
    color: #3365b8;
    background: 0;
    margin-left: 4px;
}

#weatherbox #more_boxes .more_image div span {
    font-size: 0.7600em;
}

 
#regenradar, 
#regensat {
	border: 1px;
	position: relative
}
#regenradar img,
#regensat img {
	position: absolute;
	margin: 1px;
}	
#regenradar em, 
#regensat em {
	background: #05477b;
	color: white;
	padding: 2px 5px;
	position: absolute
}
#regenradar img.visible,
#regensat img.visible {
	display: block
}
#regenradar img.invisible,
#regensat img.invisible {
  display: none
}
 
#regenradar {
	width: 712px;
	height: 539px;
	background: #05477b url(/web/20140210045705/http://www.ndr.de/resources/images/wetter/regenradar_bg.jpg) no-repeat 1px 1px;
}
 
#regenradar img {
	width: 710px;
	height: 537px;
}

#regensat {
	width: 712px;
	height: 633px;
	background-color: #05477b;
}

#regensat img {
	width: 710px;
	height: 631px;
}

/* Anpassungen Daynav für Wetter */

.weather #date_nav a:focus {
	outline: 0;
}

.weather #date_nav li div {
	float: none;
	height: auto;
}

.weather #date_nav li div {
	background-image: none;
}

.weather #date_nav li.active div {
	background-image: none;
}

.weather #date_nav li.active div.flash_weather_date {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_highlight_r.png) no-repeat scroll right top transparent;
}

.weather #date_nav li div.flash_weather_date {
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_r.png) no-repeat scroll right top transparent;
	padding-bottom:2px;color:
}

.weather #date_nav li li {
	background-image: none;
	padding: 3px;
	height: auto;
	margin-top: 3px;
}

.weather #date_nav li.active li {
	background-color: #09477C;
} 

.weather #date_nav li.active li.active {
	background-color: #3B6BB8;
}

.weather #date_nav li {
	background-color: #dde2ea;
	padding: 0;
	height: 64px;
}

.weather #date_nav li.active {
	background-color: #09477c;
}

.flash_weather_date {
	padding: 2px;
	}
	
.flash_weather_weekday {
	padding: 2px;
}



 


/*** Freizeitkarte ***/

#rf_map {position: relative; height:450px; width:568px; overflow: hidden;}

#rf_map .rf_under1 {position: absolute;}

#rf_map .rf_under2 {
background-image:url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/highlights_gesamt.gif);
background-repeat: no-repeat;
background-position: 0 568px;
width: 568px;
height: 455px;
position: absolute;
}

#rf_map .rf_under3 {
position: absolute;
}


#rf_over {position: absolute;
-moz-box-shadow:10px 10px 50px #000000;
-webkit-box-shadow:10px 10px 50px #000000;
top: 20px;
left: -600px;
width: 500px;
height: 420px;
}

#rf_over .rf_over1 {

width:500px;
height:420px;
position: absolute;
border: 1px solid #003366;
}

#rf_over .rf_over2 {
background-position: 1px 1px;
background-repeat: no-repeat;
width: 500px;
height: 420px;
position: absolute;

}

#rf_over .rf_over3 {
position: absolute;
}

.mv .rf_over1 {
 background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/karte_mv.jpg);
}
.mv .rf_over2 {
	background-image:url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/highlights_mv.png) !important;
	background-image:url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/highlights_mv.gif);
}
.sh .rf_over1 {
 background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/karte_sh.jpg);
}
.sh .rf_over2 {
	background-image:url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/highlights_sh.png) !important;
	background-image:url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/highlights_sh.gif);
}
.nds .rf_over1 {
 background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/karte_nds.jpg);
}
.nds .rf_over2 {
	background-image:url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/highlights_nds.png) !important;
	background-image:url(/web/20140210045705/http://www.ndr.de/resources/images/freizeitkarte/highlights_nds.gif);
}

/* RezeptDB */
#rezepte ul {
	font-size: 1.2em;
	margin-bottom: 1em;
	margin-left: 1em;
}
#rezepte li {
    list-style: disc;
}

#rezepte ul ul {
	font-size: 1em;
	padding-left: 1em;
}

#rezepte td {
	font-size: 1.2em;
	padding: 0.4em 12px;
}


/* Ergänzungen Presseportal */

.f3_search_form_container { overflow: hidden; }
/* .formular label.f3_search_short_label { width: 30px; } */


/* 10 Jahre Expo */
#expo a{position:absolute; display:block;}
.eingang{position:relative; width: 760px; height:592px;}
.west{position:relative;width: 760px; height:606px;}
.ost{position:relative;width: 760px; height:566px;}
#expo.ost a{background: url(/web/20140210045705/http://www.ndr.de/resources/images/sprite_ost.gif) no-repeat -1000px 0;}
#expo.west a{background: url(/web/20140210045705/http://www.ndr.de/resources/images/sprite_west.gif) no-repeat -1000px 0;}
#expo.eingang a{background: url(/web/20140210045705/http://www.ndr.de/resources/images/sprite_eingang.gif) no-repeat -1000px 0;}

#expo a.planetm{top: 81px; left: 37px; width:105px; height:67px;}
#expo a.planetm:hover{background-position: 1px 1px;}
#expo a.deutschland{width: 152px; height: 67px; top: 125px; left: 160px;}
#expo a.deutschland:hover{background-position: -105px 1px;}
#expo a.niederl{width: 77px; height: 77px; top: 82px; left: 323px;}
#expo a.niederl:hover{background-position: -257px 1px;}
#expo a.christus{width: 83px; height: 55px; top: 161px; left: 80px;}
#expo a.christus:hover{background-position: -341px 1px;}
#expo a.schweiz{width: 113px; height: 53px; left: 200px; top: 194px;}
#expo a.schweiz:hover{background-position: -428px 0px;}
#expo a.norwg{width: 86px; height: 65px; left: 277px; top: 231px}
#expo a.norwg:hover{background-position: -561px 0px;}
#expo a.finnland{width: 103px; height: 67px; left: 371px; top: 161px;}
#expo a.finnland:hover{background-position: -646px 0px;}
#expo a.ungarn{width:91px; height:84px; top: 197px; left: 459px;}
#expo a.ungarn:hover{background-position: 0px -76px;}
#expo a.monaco{width:85px; height:89px; left: 363px; top: 270px;}
#expo a.monaco:hover{background-position:-256px -76px;}
#expo a.italien{width: 87px; height: 79px; top: 279px; left: 471px;}
#expo a.italien:hover{background-position: -342px -76px;}
#expo a.jordan{width: 133px; height:87px; top: 325px; left:225px;}
#expo a.jordan:hover{background-position:-428px -76px;}
#expo a.vae{width:79px; height: 85px; top: 377px; left:534px;}
#expo a.vae:hover{background-position: -560px -76px;}
#expo a.jemen{width: 125px; height: 94px; top: 426px; left: 388px;}
#expo a.jemen:hover{background-position: -646px -76px;}
#expo a.pdh{width: 150px; height: 70px; top: 475px; left:569px;}
#expo a.pdh:hover{background-position: -105px -76px;}

#expo a.venezuela{width:98px; height:85px;top:134px;left:9px;}
#expo a.venezuela:hover{background-position:1px 1px;}
#expo a.latina{width:37px; height:85px; top: 120px; left:112px;}
#expo a.latina:hover{background-position:-98px 0px;}
#expo a.kolumbien{width:129px; height:79px; top:222px; left:73px;}
#expo a.kolumbien:hover{background-position:-133px 1px;}
#expo a.nepal{width:117px; height:85px; top:257px; left:176px;}
#expo a.nepal:hover{background-position:-262px 2px;}
#expo a.thai{width:42px; height:80px; top:238px; left:296px;}
#expo a.thai:hover{background-position:-380px 0px;}
#expo a.japan{width:125px; height:67px; top:308px; left:291px;}
#expo a.japan:hover{background-position:-421px 0px;}
#expo a.zeri{width:74px; height:49px; top:371px;left:381px;}
#expo a.zeri:hover{background-position:-547px 0px;}
#expo a.srilanka{width:99px; height:81px; top:380px; left:457px;}
#expo a.srilanka:hover{background-position:0px -85px;}
#expo a.buthan{width:81px; height:74px; top:427px; left:567px;}
#expo a.buthan:hover{background-position: -621px 0px;}
#expo a.bowl{width:94px; height:113px; top:390px;left:198px;}
#expo a.bowl:hover{background-position:-98px -85px;}
#expo a.vision{width:225px; height:63px; top:150px; left:496px;}
#expo a.vision:hover{background-position: -192px -84px;}
#expo a.afrika{width:164px; height:81px; top:213px; left:579px;}
#expo a.afrika:hover{background-position: -416px -85px;}
#expo a.australien{width:103px; height:82px; top:471px; left:658px;}
#expo a.australien:hover{background-position:-580px -84px;}

#expo a.ewest{width:76px; height:100px; top:321px; left:72px;}
#expo a.ewest:hover{background-position: 1px 0px;}
#expo a.heute{width:108px; height:105px; top:330px; left:185px;}
#expo a.heute:hover{background-position: -75px 0px;}
#expo a.expoquiz{width:130px; height:115px; top:159px; left:127px; }
#expo a.expoquiz:hover{background-position: -183px 0px;}
#expo a.meineexpo{width:78px; height:127px; top: 374px; left:330px;}
#expo a.meineexpo:hover{background-position: -313px 0px;}
#expo a.moments{width:133px; height:101px; top:180px; left:368px;}
#expo a.moments:hover{background-position: -387px 2px;}
#expo a.kueche{width:120px; height:106px; top:276px;left:462px;}
#expo a.kueche:hover{background-position: -524px 0px;}
#expo a.eost{width:76px; height:115px; top:345px; left:587px;}
#expo a.eost:hover{background-position: -643px 0px;}

/*************/

/************* E-Cards *************/

/* Seitensprungproblem bei Klick auf Label fixen */
.ecard .hideme {
	position: absolute;
	left: -10000px;
	top: 0;
	z-index: -1;
}

/* nur sichtbar bei JS aktiviert und vielen E-Cards */
.ecard form .pageswitch {
	margin-top: -20px;
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/blue_line_arrow_left_up_520.gif);	
}

/*Dirty fix am 23.12.2013, da die Blaetterbuttons auch bei 3 Bildern angzeigt werden. (CT) */
.ecard .pageswitch ul{
	display:none;
}

.ecard legend {
    display: none;
}


/***** Thumbnails *****/
/* Thumbnailcontainer */
.ecard .ecard_images {
	position: relative;
}

/* .scroll wird vom JS an den Thumbnailcontainer angehängt und erzeugt Platz für das große Vorschaubild und limitiert die Thumbnails auf 2 Reihen */
.ecard .ecard_images.scroll {
	padding-bottom: 374px;
}
.ecard .ecard_images.scroll .ecard_wrapper {
	max-height: 156px;
	overflow: hidden;
}

.ecard .options {
	margin: 0 -8px 0 0;
    padding: 0;    
}

.ecard .options li {
	list-style: none;
    float: left;
    margin: 0 8px 8px 0;
    text-align: center;
}
.ecard .options li:hover label,
.ecard .options li:focus label,
.ecard .options li.hover label,
.ecard .options li.active label {
    background: #3365b8;
}

/* gesamtes Polaroid klickbar machen */
.ecard .options li label {
	position: relative;
	display: block;
	margin: 0;
	padding: 10px 0;
	width: 124px;
	text-align: center;
	background: #f1f2f6;
	cursor: pointer;
}

.ecard .options li label img {
	display: block;
	margin: 0 auto;
}

.ecard .options li label input {
	margin: 0;
	padding: 0;
}
/***** Thumbnails *****/



/***** Großes Vorschau & E-Card Anzeige *****/
.ecard .big_picture {
	display: block;
	margin: 0;
    padding: 40px 0;
    width: 100%;
    background: #F1F2F6;
    z-index: 1;
}

.ecard .big_picture img {
    display: block;
    margin: 0 auto;
    width: 520px;
    height: 293px;
}

.ecard .ecard_images .big_picture {
    position: absolute;
    bottom: 0;
    left: -10000px;
    z-index: -1; 
}
.ecard .ecard_images .big_picture_hover,
.ecard .ecard_images .big_picture_active {
    left: 0;
}
.ecard .ecard_images .big_picture_hover {
    z-index: 101 !important;
}
.ecard .ecard_images .big_picture_active {
    z-index: 100;
}

.ecard .content {
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/blue_line_arrow_left_up_520.gif) no-repeat left top;
}

.ecard .ecard_image {
    position: relative;
    margin-bottom: 5px;
    background: #f1f2f6;
}

.ecard .content p {
    background: #f1f2f6;
    margin-bottom: 16px;
    padding: 12px 16px;    
}
/***** Großes Vorschau & E-Card Anzeige *****/

/************* /E-Cards *************/




/*************** TOPn Charts ***************/


/* Elemente die z.b. nur für Text-Browser angezeigt werden sollen */
.topn .hide {
	position: absolute;
	left: -10000px;
	z-index: -1;
}

/* Lässt absolut positionierte Elemente an dieser Box orientieren */
.topn .reference_box {
	position: relative;
	height: 65px;
}

.topn.no_bottom_margin,
.topn .no_bottom_margin {
	margin-bottom: 0;
}
.topn.no_bottom_padding,
.topn .no_bottom_padding {
	padding-bottom: 0;
}

.topn.module.error {
	margin-top: 16px;
}

/*** Fieldset-Definitionen ***/
.topn .top_songs {
	padding: 0;
}
.topn .top_songs table {
	background: #093478 url(/web/20140210045705/http://www.ndr.de/resources/images/voting_bg_top.jpg) top center no-repeat;
}

.topn .new_songs {
	margin-bottom: 16px;
	padding: 0;
}
.topn .new_songs table {
	background: #093478 url(/web/20140210045705/http://www.ndr.de/resources/images/voting_bg_bottom.jpg) bottom center no-repeat;
}



/********** Table-Definitionen **********/
.topn table {
	margin: 0;
	border: 0;
}

.topn td {
	background: transparent;
}

.topn caption {
	padding-left: 2em;
	padding-right: 2em;	
}

.topn caption span {
	font-weight: normal;
}


/***** Spalten-Definitionen *****/
.topn .col_rank {
	width: 90px;
}
.topn .col_cover {
	width: 80px;
}
.topn .col_song {
	width: auto;
}
.topn .col_rating {
	width: 120px;
}

.topn .ranks,
.topn .covers,
.topn .ratings {
	text-align: center;
}



/*** Platz-Spalte ***/
.topn .ranks .rank_now {
	font-size: 4em;
	font-weight: bold;
	line-height: 1em;
}

/*** Cover-Spalte ***/
.topn .covers {
	padding: 0;
}

.topn td.covers {
	line-height: 0; /* verhindert den Leerraum unter dem Cover */
}

.topn .covers img {
	width: 80px;
	height: 80px;
	vertical-align: top; /* IE: Abstand unter dem Bild unterdrücken */
}


/*** Song-Spalte ***/
.topn .songs {
	padding-right: 12px; /* Damit sich die absolute Position von den Song-Stats berechnen lässt */
	text-align: left;
}
.topn .song_stats {
	position: absolute;
	right: -132px;
	bottom: 0;
	width: 120px; /* muss der Breite der Spalte .ratings entsprechen. siehe colgroup */
	text-align: center;	
}

.topn .artist {
	font-weight: bold;
}
.topn .artist a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
.topn .artist a:hover {
	text-decoration: none;
}

.topn .rank_stats,
.topn .artist,
.topn .title,
.topn .player,
.topn .song_link,
.topn .song_stats {
	display: block;
}

.topn .title {
	margin-top: 0.3em;
}

.topn .player {
	margin-top: 0.6em;
	height: 26px;
	width: 178px;
	overflow: hidden;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/charts/player_standby.png) left top no-repeat;
}
.topn .player.js {
	display: none;
}
/* Mauszeiger auch als Pointer über dem Playbutton des Fakeplayers */
.topn .player div {
	cursor: pointer;
	height: 26px;
	width: 30px;
}

.topn .song_link {
	position: absolute;
	bottom: 0;
	width: 120px;
	padding-left: 20px;	
	color: #ffffff;
	background:	transparent url(/web/20140210045705/http://www.ndr.de/resources/images/icon_audio_white.png) left center no-repeat;
}


/*** Punkte-Spalte ***/
.topn .ratings {
	/* display: block;  IE */
	padding: 0.6em;
	vertical-align: top;
}

.topn .ratings .votebar {
	margin: auto;
	width: 86px;
	height: 28px;
	line-height: 28px;
	text-align: left;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/slice_stars_all.png) no-repeat 0 -18px;
	overflow: hidden; /* Falls es im Javascript mal zu Falschberechnungen kommen sollte */
}
.topn .ratings.bigstar .votebar {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/charts/slice_bigstar.png) no-repeat 0 0;
}

.topn .ratings .votebar.js {
	cursor: pointer;
}
.topn .ratings .votebar span {
	display: block;
	height: 28px;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/slice_stars_all.png) no-repeat 0 -47px;
}
.topn .ratings.bigstar .votebar span {
	height: 50px;
	background: url(/web/20140210045705/http://www.ndr.de/resources/images/charts/slice_bigstar.png) no-repeat 0px -50px;
}

.topn .ratings input {
	margin: 0;
	padding: 0;
	width: 24px
}
.topn .bigstar.ratings input {
	position: absolute;
	margin: -32px auto 0 -7px;
	padding: 0;
	width: 13px;
	height: 13px;	
}

/***** /Spalten-Definitionen *****/



.topn th {
	background: #e2ecfb;
}

.topn td {
	color: #ffffff;
	border-top: 1px solid #446485;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
.topn tr:first-child td {
	border: 0;
}

/********** /Table-Definitionen **********/
/*************** /TOPn Charts ***************/


.modportrait {
	width: 520px;
	overflow: hidden;
}

.modportrait img {
	float: left;
	margin: 0 12px 12px 0;
}

.modportrait h2 {
	font-size: 2em;
}

.rss_timestamp {
	color: #333;
	font-size: 0.8em;
	padding-left: 8px;
}

.videocontainer a {
	display: block;
	position: relative;
}

.videocontainer .playbutton {
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/fake_playbutton.png) 0 0 no-repeat !important;
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/fake_playbutton.gif);
	display: block;
	width: 57px;
	height: 51px;
	position: absolute;
	z-index: 20;
	top: 26px;
	left: 90px; 
}

.typ2 .videocontainer .playbutton {
	top: 77px;
	left:160px;
}
/* Radiobox mit NDR Blue und Info Spezial */

#radiobox_digital a{
	display: block;
	height: 40px;
	width: 136px;
	margin-bottom:8px;
	background-position: top left;
	background-repeat: no-repeat;
	box-shadow: 1px 2px 5px 1px #666;
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
	overflow: hidden;
}
ul.wellen_left{float: left; width:188px; margin-top:9px;position:relative;}
ul.wellen_left a{float: left; margin-right: 4px;}
ul.wellen_right{float: right; width: 184px; margin-top:9px;position:relative;}
ul.wellen_right a{float:right;}
ul.wellen_right a { margin-left: 4px;}
#radiobox_digital {
	height: 251px;
	background-color: #fff;
	position: relative;
}

#radiobox_digital a.ls_link { width: 40px; margin-right: 0; margin-left: 0; }

#radiobox_digital a:hover img { margin-top: -40px; }

/* Radiobox ALT */



#radiobox{
	/* background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/logobox/rb_bild_ndr2.jpg); */
	height: 203px;
	background-color: #fff;
	position: relative;
}

ul.landesprg{float: left; width:188px; margin-top:9px;position:relative;}
ul.landesprg a{float: left; margin-right: 4px;}
ul.zentralprg{float: right; width: 184px; margin-top:9px;position:relative;}
ul.zentralprg a{float:right;}
#radiobox a{
	display: block;
	height: 40px;
	width: 136px;
	margin-bottom:8px;
	background-position: top left;
	background-repeat: no-repeat;
	box-shadow: 1px 2px 5px 1px #666;
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
	overflow: hidden;
}

.zentralprg a { margin-left: 4px;}
#radiobox a.ls_link { width: 40px; margin-right: 0; margin-left: 0; }

#radiobox a:hover img { margin-top: -40px; }

#tooltip {
	position: absolute;
	width: 144px;
	border: 1px solid white;
	background: #4a7ac4;
	line-height:38px;
	left: 184px;
	top:9px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    text-shadow: -1px -1px 1px rgba(0,0,0,0.4);
    display:none;
	}

#rb_images {

}

#rb_images img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}

/* NDR 2 Badekarte */

#map { position: relative; width: 700px; height: 470px; overflow: hidden; }
#returnlink { display: block; position: absolute; bottom: 0; right: 0;  background-color: #cc0000; color:#fff; padding: 3px;}

#map a.bullet { display: block; position: absolute; width: 25px; height: 25px; background: url(/web/20140210045705/http://www.ndr.de/resources/images/sonnenschirm.png) no-repeat; text-decoration: none; z-index: 2; }
#map img.zoomable { }

#map div.popup{ display: none; position: absolute; width: 300px; top: 50px; left: 100px; background: white; z-index: 3; padding: 10px; border: 2px solid black; font-size:0.75em;}
#map div.popup a.close{ display: block; position: absolute; bottom: 4px; right: 4px; }

/*       */

#teamliste div { float: left; overflow: hidden; }
#teamliste img { display: block; }

/* Bingo */

#bingo ul.contentlist li {
	list-style:none;
	display:block;
	float:left;
	margin-right:8px;
	width:50px;
	height:50px;
	background-image:none;
	background-color: #042b6b;	
	background:	-moz-linear-gradient(	center top,	rgba(255,255,225,0.1) 8%, 	rgb(4,44,107) 40%,	rgb(148,153,242) 110%	)  repeat scroll 0 0 #5083D2;
	background: -webkit-gradient( linear,left top,left bottom,color-stop(0.08, rgb(104,150,225)),color-stop(0.36, rgb(4,44,107)), color-stop(1.1, rgb(148,153,242))) repeat scroll 0 0 transparent;	
	color: #fff;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;	
	padding:0;
	-moz-border-radius: 25px;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	-webkit-border-radius: 25px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);		
	line-height:50px;		
}

#bingo ul.contentlist { float: left; clear: none;}

#bingo h3 {
	clear: both;
	display:block;
	float:left;
	font-size:35px;
	line-height:45px;
	text-align:right;
	width:36px;
	color:	#042b6b;
	margin-right: 18px;
	}
	
/* Adventskalender */

#adventskalender {
	position: relative;
	width: 760px;
	height: 440px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/advent_2013_widescreen.jpg) 0 -80px no-repeat;
	overflow: hidden;
}

.item_adventskalender { position: absolute; width: 96px; height: 72px; overflow: hidden; }

#adventskalender .inactive, 
.item_adventskalender a {

	font-family: "NDRSansCondRegular";
	font-size: 3em;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 72px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	opacity: 0.4;

	
}

.item_adventskalender a {
	font-size: 4em;
	font-weight: bold;
	
/*	
    color: #ffffeb;
	opacity: 1;      

	color:#2D6BB6;
	text-shadow: 1px 1px 2px rgba(255,252,206,1);
	*/
	opacity: 1;		
	
}

.item_adventskalender a:hover, .item_adventskalender a:focus { color: #ffffcc; font-size: 5em; text-decoration: none; text-shadow: 1px 1px 8px rgba(255,255,235,0.6);}

.item_adventskalender img { display: none; }

#adventkultur {
	position: relative;
	width: 568px;
	height: 379px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/advent_2013_kultur.jpg) left 17px no-repeat;
	overflow: hidden;
}

.item_adventkultur { position: absolute; width: 96px; height: 72px; overflow: hidden; }
.item_adventkultur img { display: none; }

#adventkultur .inactive, .item_adventkultur a {
	font-family: "NDRSansCondRegular";
	font-size: 3em;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 72px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	opacity: 0.8;
}

.item_adventkultur a {
	font-size: 4em;
	font-weight: bold;
	/* color:#2D6BB6; */
	text-shadow: 1px 1px 2px rgba(255,252,206,1);
	opacity: 1;	
}

.item_adventkultur a:hover, .item_adventkultur a:focus { color: #ffffcc; font-size: 5em; text-decoration: none; text-shadow: 1px 1px 8px rgba(255,255,235,0.6);}



#advent903 {
	position: relative;
	width: 568px;
	height: 480px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/advent_2012_903.jpg) left 17px no-repeat;
	overflow: hidden;
}

.item_advent903 { position: absolute; width: 96px; height: 72px; overflow: hidden; }
.item_advent903 img { display: none; }

#advent903 .inactive, .item_advent903 a {
	font-family: "NDRSansCondRegular";
	font-size: 3em;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 72px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	opacity: 0.8;
}

.item_advent903 a {
	font-size: 4em;
	font-weight: bold;
	color:#2D6BB6;
	text-shadow: 1px 1px 2px rgba(255,252,206,1);
	opacity: 1;	
}

.item_advent903 a:hover, .item_advent903 a:focus { color: #ffffcc; font-size: 5em; text-decoration: none; text-shadow: 1px 1px 8px rgba(255,255,235,0.6);}






#adventskalender #t_1 { top: 213px; left: 285px; }
#adventskalender #t_2 { top: 213px; left: 93px; }
#adventskalender #t_3 { top: 359px; left: 93px; }
#adventskalender #t_4 { top: 285px; left: 381px; }
#adventskalender #t_5 { top: 135px; left: -6px; }
#adventskalender #t_6 { top: 285px; left: 93px; }
#adventskalender #t_7 { top: 213px; left: 381px; }
#adventskalender #t_8 { top: 213px; left: -6px; }
#adventskalender #t_9 { top: 285px; left: 188px; }
#adventskalender #t_10 { top: 213px; left: 188px; }
#adventskalender #t_11 { top: 135px; left: 93px; }
#adventskalender #t_12 { top: 359px; left: 477px; }
#adventskalender #t_13 { top: 285px; left: 477px; }
#adventskalender #t_14 { top: 285px; left: 285px; }
#adventskalender #t_15 { top: 135px; left: 381px; }
#adventskalender #t_16 { top: 213px; left: 477px; }
#adventskalender #t_17 { top: 359px; left: 381px; }
#adventskalender #t_18 { top: 359px; left: 188px; }
#adventskalender #t_19 { top: 135px; left: 285px; }
#adventskalender #t_20 { top: 285px; left: -6px; }
#adventskalender #t_21 { top: 135px; left: 188px; }
#adventskalender #t_22 { top: 359px; left: -6px; }
#adventskalender #t_23 { top: 359px; left: 285px; }
#adventskalender #t_24 { top: 135px; left: 477px; }

#adventkultur #t_1 { top: 143px; left: 284px; }
#adventkultur #t_2 { top: 143px; left: 92px; }
#adventkultur #t_3 { top: 286px; left: 92px; }
#adventkultur #t_4 { top: 215px; left: 380px; }
#adventkultur #t_5 { top: 71px; left: -4px; }
#adventkultur #t_6 { top: 215px; left: 92px; }
#adventkultur #t_7 { top: 143px; left: 380px; }
#adventkultur #t_8 { top: 143px; left: -4px; }
#adventkultur #t_9 { top: 215px; left: 188px; }
#adventkultur #t_10 { top: 143px; left: 188px; }
#adventkultur #t_11 { top: 71px; left: 93px; }
#adventkultur #t_12 { top: 287px; left: 476px; }
#adventkultur #t_13 { top: 215px; left: 476px; }
#adventkultur #t_14 { top: 215px; left: 284px; }
#adventkultur #t_15 { top: 71px; left: 380px; }
#adventkultur #t_16 { top: 143px; left: 476px; }
#adventkultur #t_17 { top: 287px; left: 380px; }
#adventkultur #t_18 { top: 286px; left: 188px; }
#adventkultur #t_19 { top: 71px; left: 284px; }
#adventkultur #t_20 { top: 215px; left: -4px; }
#adventkultur #t_21 { top: 71px; left: 188px; }
#adventkultur #t_22 { top: 286px; left: -4px; }
#adventkultur #t_23 { top: 287px; left: 284px; }
#adventkultur #t_24 { top: 71px; left: 477px; }

#advent903 #t_1 { top: 143px; left: 284px; }
#advent903 #t_2 { top: 143px; left: 92px; }
#advent903 #t_3 { top: 286px; left: 92px; }
#advent903 #t_4 { top: 215px; left: 380px; }
#advent903 #t_5 { top: 71px; left: -4px; }
#advent903 #t_6 { top: 215px; left: 92px; }
#advent903 #t_7 { top: 143px; left: 380px; }
#advent903 #t_8 { top: 143px; left: -4px; }
#advent903 #t_9 { top: 215px; left: 188px; }
#advent903 #t_10 { top: 143px; left: 188px; }
#advent903 #t_11 { top: 71px; left: 93px; }
#advent903 #t_12 { top: 287px; left: 476px; }
#advent903 #t_13 { top: 215px; left: 476px; }
#advent903 #t_14 { top: 215px; left: 284px; }
#advent903 #t_15 { top: 71px; left: 380px; }
#advent903 #t_16 { top: 143px; left: 476px; }
#advent903 #t_17 { top: 287px; left: 380px; }
#advent903 #t_18 { top: 286px; left: 188px; }
#advent903 #t_19 { top: 71px; left: 284px; }
#advent903 #t_20 { top: 215px; left: -4px; }
#advent903 #t_21 { top: 71px; left: 188px; }
#advent903 #t_22 { top: 286px; left: -4px; }
#advent903 #t_23 { top: 287px; left: 284px; }
#advent903 #t_24 { top: 71px; left: 477px; }

/* Legenden */

#legenden { width: 568px; overflow: hidden; }

.item_legenden { float: left; }
.item_legenden a { float: left; display: block; height: 107px; width: 71px; overflow:hidden;}
.item_legenden a img { width: 142px; height: 107px; display: block; margin-left:-71px;}
.item_legenden a:hover img{margin-left:0px;}

/* NDR INfo Newsarchive */

.newsarchive h2 {
	clear: both;
}

.newsarchive ul {
	margin-bottom: 16px;
	overflow: hidden;
}

.newsarchive-month li {
	background: url("/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_l.gif") no-repeat scroll left top transparent;
	float: left;
	overflow: hidden;
	}
	
.newsarchive-month li a {
	background: url("/web/20140210045705/http://www.ndr.de/resources/images/bg_datenav_r.gif") no-repeat scroll right top transparent;
	display: block;
	float: left;
	padding: 4px 10px;
	width: 32px;
}


.newsarchive-month li a:hover {
	background-color: #5383D2;
	color: #fff;
}


.newsarchive-month .hours {
	position: absolute;
	margin-top: 22px;
	display: none;
	padding: 8px 0 16px 0;
	background-color: #e2e5ed;
	overflow: hidden;
	width: 210px;
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
	-moz-border-radius: 4px;
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
	-webkit-border-radius: 4px;
}

.newsarchive-month .hours li {
	background-image: none;
}

.newsarchive-month .hours li a {
	width: 54px;
	background-image: none;
	padding: 4px 8px;
}


 .newsarchive-month li:hover .hours, .hours:hover {
	display: block;
}


.timeselector {
	padding-bottom: 8px;
	margin-bottom: 16px;
	border-bottom: 1px solid #e2e5ed;
}

.timeselector h1 {
	display: block;
	float: left;
	margin-right: 8px;
}


/* Paged box */
.pagedbox { padding: 16px 0px 0px 0px; margin-bottom: 36px;}

.pagedbox .wrapper { height: 300px; width: 520px; overflow: hidden; }
.pagedbox ul { width: 10000px; padding-left: 0;}
.pagedbox li { display: block; float: left; width:520px; overflow:hidden;}

.pagedbox .w256 { min-height:170px; }
.pagedbox p, .pagedbox h3, .pagedbox h2 { padding: 0 8px;}

.pagedbox .inactive .icon { background-image: url(/web/20140210045705/http://www.ndr.de/resources/css/images/icons_blue.png) !important; }

.pagedbox .buttongrunge { margin-left: -8px; }
.pagedbox .pagecounter, .pagedbox .next, .pagedbox .prev { display: block; float: left; }

.pagedbox .pageswitch { background-image: none; position: relative; top: 6px; }
.pagecounter span { background: transparent url("/web/20140210045705/http://www.ndr.de/resources/images/btn_pageswitch_sprite.gif") 0 0 no-repeat; padding-left: 8px; display: block }
.pagecounter span.button_close { background: transparent url("/web/20140210045705/http://www.ndr.de/resources/images/btn_pageswitch_sprite.gif") right 0 no-repeat; padding: 3px 8px 4px 0px; color: #fff; }

.pagedbox .prev span.button_close, .pagedbox .next span.button_close, .pagedbox .next a:hover span.button_close  { padding-top: 3px !important; }

.pageswitch .prev a.inactive span {	background-position: left -69px;	}
.pageswitch .prev a.inactive span.button_close {	background-position: right -69px;	}

.pageswitch .next a.inactive span {	background-position: -84px -69px;	}
.pageswitch .next a.inactive span.button_close {	background-position: right -69px;	}


/* Slidingimage */

.slidingimage { position:relative; width: 568px; height: 320px;}
.slidingimage img { position: absolute; top: 0; left: 0; }
.slidingimage .mask img { left: -280px; }

.slidingimage .mask { 
	position: absolute; 
	overflow: hidden; 
	left: 280px; 
	top: 0; 
	height: 320px; 
	width: 288px; 
	border-left: 1px solid #fff;
	}
	
.slidingimage .explanation {
	position: absolute;
	width:268px;
	height: 35px;
	bottom:16px;
	left:120px;
	border: 1px solid #fff;
	text-align: center;
	padding:16px;
	background-color: rgba(0,0,0,0.5);
}

/* Sinfonieorchester-Slider */

.simpleslide { display:none; }
.simpleslide img { width:142px; height: 120px; margin-left: -71px; }
.simpleslide a:hover img { margin-left: 0; }
.simpleslide div div { width:71px; }	

/* FBS Radiopreis */

#vorschalt { 		
	z-index: 100; 
	position: absolute; 		
	top: 80px; 		
	left: -1050px; 		
	-moz-box-shadow: 10px 1px 50px rgba(0,0,0,0.8); 		
	-webkit-box-shadow: 10px 1px 50px rgba(0,0,0,0.8); 		
	-o-box-shadow: 10px 1px 50px rgba(0,0,0,0.8); 		
	box-shadow: 10px 1px 50px rgba(0,0,0,0.8); 	
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
 } 
 
#vorschalt img { display: block; } 

/* Tag der Norddeutschen */ 

#tdnbox {
	width: 558px;
	height 200px;
	background: #1a8ee7 url(/web/20140210045705/http://www.ndr.de/resources/images/tdn_background_claim.jpg) top left no-repeat;
	overflow: hidden;
	padding-top: 127px;
	padding-left: 8px;
	}
	
.tdn_logos { width: 600px; }
	
.tdn_logos li { 
	display: block; 
	float: left; 
	width: 131px; 
	height: 38px;  
	overflow: hidden;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	-o-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	margin: 0 8px 8px 0;	
}

.tdn_logos .emptyentry {
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0  rgba(0,0,0,0);
	-o-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

.tdn_logos img {
	display: block;
}

.tdn_logos a:hover img { margin-top: -38px; }

.tdn_info img{ margin-left: 0;}
.tdn_n-joy img{ margin-left: -131px;}
.tdn_ndr2 img{ margin-left: -262px;}
.tdn_kultur img{ margin-left: -393px; }
.tdn_radiomv img{ margin-left: -524px; }
.tdn_wellenord img{ margin-left: -655px; }
.tdn_niedersachsen img{ margin-left: -786px; }
.tdn_903 img{ margin-left: -917px; }
.tdn_nordmagazin img{ margin-left: -1048px; }
.tdn_shmag img{ margin-left: -1179px; }
.tdn_hallonds img{ margin-left: -1310px; }
.tdn_hamburgjournal img{ margin-left: -1441px; }
.tdn_sportclub img{ margin-left: -1572px; }
.tdn_das img{ margin-left: -1703px; }
.tdn_meinnachmittag img{ margin-left: -1834px; }
.tdn_extra3 img{ margin-left: -1965px; }



/* tipTip ToolTip */
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	text-align: left;
}
#tiptip_holder h1 {
	border-bottom: 1px solid #FFFFFF;
    font-size: 14px;
    margin-bottom: 8px;
    padding-bottom: 3px;
}
#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(18,50,83);
	background-color: rgba(18,50,83,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgb(18,50,83)));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*box-shadow: 0 0 2px #FAFBFC;
	-webkit-box-shadow: 0 0 2px #FAFBFC;
	-moz-box-shadow: 0 0 2px #FAFBFC;*/
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(18,50,83);
	border-top-color: rgba(18,50,83);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(18,50,83);
	border-bottom-color: rgba(18,50,83,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(18,50,83);
	border-right-color: rgba(18,50,83,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(18,50,83);
	border-left-color: rgba(18,50,83,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(18,50,83,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(18,50,83,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* DAB+ Digitalradio-Simulator */

object:focus{outline:0;}

#reloadimage { position: absolute; top: 145px; left: 162px; }
#stationbuttons { position: absolute; top: 120px; left:71px; }
#stationbuttons li { display: block; margin: 0 3px 3px 0; color: #efefef; font-size: 14px; width: 64px; height: 43px; text-align: center; line-height: 41px; border-radius: 2px; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); cursor: pointer; }
#stationbuttons .active { 
background: rgb(154,152,152); /* Old browsers */ background: -moz-linear-gradient(left, rgba(154,152,152,1) 0%, rgba(124,122,124,1) 30%, rgba(124,122,124,1) 68%, rgba(143,141,143,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(154,152,152,1)), color-stop(30%,rgba(124,122,124,1)), color-stop(68%,rgba(124,122,124,1)), color-stop(100%,rgba(143,141,143,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(154,152,152,1) 0%,rgba(124,122,124,1) 30%,rgba(124,122,124,1) 68%,rgba(143,141,143,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(154,152,152,1) 0%,rgba(124,122,124,1) 30%,rgba(124,122,124,1) 68%,rgba(143,141,143,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(154,152,152,1) 0%,rgba(124,122,124,1) 30%,rgba(124,122,124,1) 68%,rgba(143,141,143,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(154,152,152,1) 0%,rgba(124,122,124,1) 30%,rgba(124,122,124,1) 68%,rgba(143,141,143,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9898', endColorstr='#8f8d8f',GradientType=1 ); /* IE6-9 */ 
}
#stationname { position: absolute; top: 120px; left:140px; height: 32px; width: 320px; }
#stationname span { background-color: #eee; border: 1px solid #aaa; height: 32px; width: 90px; overflow:hidden; position: absolute; box-shadow: 2px 3px 10px rgba(0,0,0,0.5);}

#stationbuttons #btn_1 {}
#stationbuttons #btn_2 {}
#stationbuttons #btn_3 {}
#stationbuttons #btn_4 { margin-bottom: 4px;}
#stationbuttons #btn_5 { margin-bottom:4px;}
#stationbuttons #btn_6 { height: 43px; margin-bottom: 5px;}
#stationbuttons #btn_7 { margin-bottom: 5px; height: 42px; }
#stationbuttons #btn_8 { margin-bottom: 5px; height: 43px; }
#stationbuttons #btn_9 {margin-bottom: 5px;}
#stationbuttons #btn_10 { height: 45px;}

.N-JOY span { top: 5px;  } .N-JOY img { margin-left: -180px; }
.NDR_2 span { top: 50px; } .NDR_2 img { margin-left: -270px; }
.NDR_Kultur span { top:95px; } .NDR_Kultur img { margin-left: 0px; }
.NDR_Info span { top:142px; } .NDR_Info img { margin-left: -90px; }
.NDR_Info_Spezial span { top:188px; } .NDR_Info_Spezial img { margin-left: -720px; }
.NDR_1_Niedersachsen span { top:235px; } .NDR_1_Niedersachsen img { margin-left: -360px; } 
.NDR_903 span { top:283px; } .NDR_903 img { margin-left: -540px; } 
.NDR_1_Welle_Nord span { top:331px; } .NDR_1_Welle_Nord img { margin-left: -630px; } 
.NDR_1_RadioMV span { top:378px; } .NDR_1_RadioMV img { margin-left: -450px; } 
.NDR_Musik_Plus span { top:427px; } .NDR_Musik_Plus img { margin-left: -810px; }

#volume_down, #volume_up, #powerswitch { position: absolute; display: block; cursor:pointer;  }
#volume_down { height: 0; width: 0; border: 20px solid transparent; top: 400px; left: 188px; }
#volume_up { height: 0; width: 0; border: 20px solid transparent; top: 400px; left: 366px; }
#powerswitch { height: 0; width: 0; border: 30px solid transparent; top: 497px; left: 445px; }

/* DAB-Simulator */

/* Speciallists */ 
#teamfs { width: 770px; overflow: hidden; } 
.item_teamfs { float: left; position: relative; overflow: hidden; margin: 0 8px 8px 0; width:184px;} 
.item_teamfs a  { float: left; display: block; height: 104px; width: 184px; overflow:hidden; padding: 0;} 

.item_teamfs h2 { 
	font-family: "NDRSansCondRegular", "Impact"; 
	text-transform:uppercase; 
	color: #fff; 
	display:block; 
	height: 18px; 
	overflow: hidden; 
	margin:0; 
	line-height:18px;
	font-size: 18px;
	}
	
.item_teamfs .textcontent { 
	display:block; 
	position:absolute; 
	bottom: -42px; 
	left:0;
	color: #fff; 
	width: 184px; 
	padding: 2px 4px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/50p_transp.png) top left repeat scroll;
	background: rgba(0,0,0,0.5) none;
	font-size: 0.8em;
	height:60px;	
	}
	
#sportlegenden { width: 960px; overflow: hidden; } 
.item_sportlegenden { float: left; position: relative; overflow: hidden; margin: 0 8px 8px 0; width:184px;} 
.item_sportlegenden a  { float: left; display: block; height: 104px; width: 184px; overflow:hidden; padding: 0;} 

.item_sportlegenden h2 { 
	font-family: "NDRSansCondRegular", "Impact"; 
	text-transform:uppercase; 
	color: #fff; 
	display:block; 
	height: 18px; 
	overflow: hidden; 
	margin:0; 
	line-height:18px;
	font-size: 18px;
	}
	
.item_sportlegenden .textcontent { 
	display:block; 
	position:absolute; 
	bottom: -46px; 
	left:0;
	color: #fff; 
	width: 184px; 
	padding: 2px 4px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/50p_transp.png) top left repeat scroll;
	background: rgba(0,0,0,0.5) none;
	font-size: 0.8em;
	height:64px;	
	}

#contentlist { width: 576px; overflow: hidden; } 
.item_contentlist { float: left; position: relative; overflow: hidden; margin: 0 8px 8px 0; width:184px;} 
.item_contentlist a  { float: left; display: block; height: 104px; width: 184px; overflow:hidden; padding: 0;} 

.item_contentlist h2 { 
	font-family: "NDRSansCondRegular", "Impact"; 
	text-transform:uppercase; 
	color: #fff; 
	display:block; 
	height: 18px; 
	overflow: hidden; 
	margin:0; 
	line-height:18px;
	font-size: 18px;
	}
	
.item_contentlist .textcontent { 
	display:block; 
	position:absolute; 
	bottom: -42px; 
	left:0;
	color: #fff; 
	width: 184px; 
	padding: 2px 4px 0 4px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/50p_transp.png) top left repeat scroll;
	background: rgba(0,0,0,0.5) none;
	font-size: 0.8em;
	height:60px;	
	}

#mosaikdreispaltig { width: 576px; overflow: hidden; } 
.item_mosaikdreispaltig { float: left; position: relative; overflow: hidden; margin: 0 8px 8px 0; width:184px;} 
.item_mosaikdreispaltig a  { float: left; display: block; height: 104px; width: 184px; overflow:hidden; padding: 0;} 

.item_mosaikdreispaltig h2 { 
	font-family: "NDRSansCondRegular", "Impact"; 
	text-transform:uppercase; 
	color: #fff; 
	display:block; 
	/* height: 18px; */
	overflow: hidden; 
	margin:0; 
	line-height:18px;
	font-size: 18px;
	}
	
.item_mosaikdreispaltig .textcontent { 
	display:block; 
	position:absolute; 
	bottom: 0px; 
	left:0;
	color: #fff; 
	width: 184px; 
	padding: 2px 4px;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/50p_transp.png) top left repeat scroll;
	background: rgba(0,0,0,0.5) none;
	font-size: 0.8em;
	/* height:64px;	 */
	}

/* Sendungsbezugsbox */

.relatedbroadcast { padding: 8px 0 8px 64px; background: #e2ecfb url(/web/20140210045705/http://www.ndr.de/resources/images/icon_info.png) no-repeat 10px 8px scroll; }
.relatedbroadcast p { margin-bottom: 4px; }
.relatedbroadcast h2 { margin-top: 0; }




/* Radiobox embedded */ 
.module.radiobox .playlistlabel { 
	font-weight: bold; 
	clear: left; 
	width: 70px;
	color: #fff;	
}
.module.radiobox.shortversion .now {
	margin: 4px 0 14px 3px;
	font-size: 1.2em;
}

.module.radiobox .mediathekbutton.radiobox {
	font-family: "NDRSansCondRegular", Arial, sans-serif;
	font-size: 1.4em;
	background-color: #3464B8;;
	color: #fff;
	border-radius: 2px;
	text-transform: uppercase;
	padding: 4px 8px 4px 8px;
	margin-right: 8px;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
}
.radio_playlist {
	clear:both;
}

.module.radiobox #broadcastimage {
	display: block;
	position: relative;
}

.module.radiobox #radiobox_epg_image_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/overlay_playbtn.png) bottom right no-repeat;
	width: 184px;
	height: 104px;
}
.module.radiobox {
	background: #002757;
}
.module.radiobox .content.radio_epg h2 a {
	color: #fff;
	font-weight: lighter;
}
.module.radiobox .content.radio_epg .timing, .module.radiobox .content.radio_epg #webradio_song_now {
	color: #6897E1;
}




		#blsh
		{
			position: fixed;
			bottom: 0px;
			left: 0px;
			width: 100%;
			
			font-family: 'NDRSansCondRegular';
			text-align: center;	
			color: #ffffff;
		z-index:1;
		}
		
		#blsh #title
		{
			float:left;

		}
		
		#blsh #marker
		{
			position: absolute;
			left: 230px;
			top: 105px;
			width: 20px;
			height: 64px;
			z-index: 100;
			opacity: 0.8;
		}
		
		#blsh #bundesligaslider
		{
			overflow: hidden;
		}
		
		#blsh #sliderNavi
		{
			padding-top: 66px;
			float:right;
			text-align: center;
		}

		#sliderNavi
		{
			float:right;
			width: 282px;		
		}
		#blsh .naviButton img
		{
			width: 24px;
			height: 24px;
		}

		#blsh .naviButton
		{
			cursor:pointer;
			float:left;
		
			width: 30px;
			margin-top: 5px;
			border-top: 1px solid #ffffff;
			border-left: 1px solid #ffffff;
			
			padding: 4px 8px 0px 8px;
			margin-left: 0px;
			display: inline-block;
			font-size: 24px;
			text-align: center;
			background-color: #042b6b;
		}
		
		#blsh .naviButton.first
		{
			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
		}


		#blsh .years,#blsh .months
		{
			cursor:move;
			margin: 0;
			padding: 0;
			list-style: none;
			width: 900000px;
			overflow: hidden;
			background-color: #ffffff;
			clear: both;
		}
		


		#blsh .yl
		{
			background-color: #5383d2;
			text-align: center;
			font-size: 20px;
			padding-top: 5px;
			cursor:pointer;			
		}
		
		#blsh .ml
		{
			text-align: center;
			padding: 6px;
			font-size: 18px;
			background-color: #6897e1;
		}
		
		
		#blsh .oy
		{
			background-color: #5383d2;
			float: left;
			border-top: 1px solid #ffffff;
			width: 62px;
			height: 40px;
		}
		
		
		#blsh .om
		{
			float: left;
			background-color: #c0d5f5;
			border-top: 1px solid #ffffff;
			width: 189px;
			height: 260px;
			margin-left: 1px;
		}
		
		
		#blsh .monthBorder
		{
			top: 0px;
			left: 0x;
			position: absolute;
			height: 100%;
			width:1px;
			background-color: #d6e2f5;
		}
		
		#blsh .yb
		{
			position: absolute;
			top: 1px;
			left: 11;
			height: 100%;
			width:1px;
			background-color: #6792d9;
		}
		
		#blsh .sei
		{
			position: absolute;
			top: 1px;
		}
		
		#blsh .se
		{
		
			position: absolute;
			height:23px;
			border-radius: 11px;
			background-color: #ffffff;
			padding: 0px 8px 0px 0px;
			margin-top: 0px;
			text-align:	left;
		}

		#blsh .se IMG
		{
		
			float:left;
		}

		#blsh .se .txt
		{
			color: #3365b8;
			font-size: 14px;
		    float: right;
		    line-height: 26px;
		    text-transform: uppercase;
		}
		
	
/* Player */

#player_vierspaltig, .player_vierspaltig {
	position: relative;
	width: 760px;
}

.m_player {
	background-color: #001b3c;
}

.projekktor {
	position: relative;
	/* background-color: #000; */
}

.projekktor.fullscreen { background-color: #001b3c; }

#checkfont { font-family: "ndr_iconfont"; font-size: 2em; color: #fff;}

.ppcontrols .inactive, .ppdisplay .inactive {
display: none;
}

.ppcontrols .active, .ppdisplay .active {
display: block;
}

.ppcontrols.active {
    filter: alpha(opacity=100);    
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;   
    border-bottom: 1px solid #001b3c; 
}

.ppcontrols.inactive {
    filter: alpha(opacity=0);        
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0); /* IE6+ */          
    -webkit-transition: opacity 0.5s linear !important;;
    -moz-transition: opacity 0.5s linear !important;;
    -o-transition: opacity 0.5s linear !important;;
    transition: opacity 0.5s linear !important;;
}

.notransitions .ppcontrols.inactive, .notransitions .inactive .active, .notransitions .inactive .ppscrubber, .notransitions .inactive #pptimerdisplay { display: none !important; }
.notransitions .ppcontrols.active { display: block; }

.pphttpAudio .ppcontrols.active, .pphttpAudioLive .ppcontrols.active {
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
     display: block;
}

.pphttpAudio .ppcontrols.inactive, .pphttpAudio.notransitions .ppcontrols.inactive, .pphttpAudioLive .ppcontrols.inactive, .pphttpAudioLive.notransitions .ppcontrols.inactive {
     filter: alpha(opacity=100);
     -moz-opacity: 1;
     -khtml-opacity: 1;
     opacity: 1;
     display: block !important;
}

.ppdisplay {
     position: relative !important;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
}

.ppbuffering {
	position: absolute;
	top: 50%;
	left: 50%;
}

.ppbuffering.active {
         display: block;
     }
     .ppbuffering.inactive {
         display: none;
     }

.ppbuffering div {  /*  display: none !important;Buffericon deaktiviert bis zur korrekten Implementierung */ }

.styledppplayer a span {
	font-family: "ndr_iconfont";
	text-indent: 0;
	display: block;
	position: absolute;
	left: 0.6em;
	top: 7px;
	font-size: 1.3em;
	/* margin-left: -0.6em; */
}

.styledppplayer .ppcontrols a.ppmute span {
	font-size: 0.6em;
	left: 1.3em;
}

.ppcontrols a:hover, .ppcontrols a:focus, .ppcontrols .on, .pprtmpVideoLive .styledppplayer .pploquality.qualhi { 
	color: #001B3C;	
	text-shadow: 1px 1px #b4d0fa, 0 2px #b4d0fa, -1px 1px #b4d0fa, -2px 0 #ffffff, -1px -1px #ffffff, 0 -2px #ffffff, 1px -1px #ffffff, 2px 0 #b4d0fa, 0 0 10px #b4d0fa;	
	/*
	filter: progid:DXImageTransform.Microsoft.dropshadow(color=#b4d0fa,offX=1,offY=1)
			progid:DXImageTransform.Microsoft.dropshadow(color=#b4d0fa,offX=1,offY=-1)
			progid:DXImageTransform.Microsoft.dropshadow(color=#b4d0fa,offX=-1,offY=1)
			progid:DXImageTransform.Microsoft.dropshadow(color=#b4d0fa,offX=-1,offY=-1);	
	*/
	}
	
.ppcontrols a span {  
		
	}
	
.styledppplayer .ppcontrols a:hover span, .styledppplayer .ppcontrols a:focus span {
	color: #333;
	background-color: #fff;
}

.ppcontrols { width: 100%; background-color: #001b3c;}

.styledppplayer {
	font-size: 0.8em;
	
	background-color: rgba(0,27,60,0.8);
}

.ppcontrols * {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}

.styledppplayer  {
	height: 42px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

.ppcontrols a {
	color: #b4d0fa;
	font-size: 2em;
	display: block;
	padding: 8px 16px;
	/*
	filter: progid:DXImageTransform.Microsoft.dropshadow(color=#001B3C,offX=1,offY=1)
			progid:DXImageTransform.Microsoft.dropshadow(color=#001B3C,offX=1,offY=-1)
			progid:DXImageTransform.Microsoft.dropshadow(color=#001B3C,offX=-1,offY=1)
			progid:DXImageTransform.Microsoft.dropshadow(color=#001B3C,offX=-1,offY=-1);	
	*/
}

.styledppplayer a {
	padding: 0;
	line-height: 1.3em;
	text-indent: -500em;
	width: 45px; height: 42px;
	position: relative;
	text-decoration: none;
}

.styledppplayer .pphelp, .styledppplayer .pphiquality, .styledppplayer .pploquality {
	display: none !important;
}

.pprtmpVideoLive .styledppplayer .pphiquality.active, .pprtmpVideoLive .styledppplayer .pploquality.active {
	display: block !important;	
}

.styledppplayer .ppplay, .styledppplayer .pppause {
	height: 64px;
	width: 80px;
	position: relative;
	top:-22px;
}

.ppstart { display:none; }

.styledppplayer .ppplay span, .styledppplayer .pppause span, .ppstart_ {
	line-height: 56px;
	color: #fff;
	font-size: 2em;
	position: absolute;
	left: 4px;
	top: 4px;
	height: 56px;
	width: 72px;
	border-radius: 6px;
	background-color: #3365b8;
	text-align:center;
}

.styledppplayer .ppplay:hover span, .styledppplayer .ppplay:focus span, .styledppplayer .pppause:hover span, .styledppplayer .pppause:focus span { background-color: #b4d0fa; color: #3364b8; text-shadow: 0 0 8px #fff; }

.ppcontrols ul { margin: 0; padding: 0;list-style-type: none; }

.styledppplayer li {
	display: block; float: left; list-style-type: none; padding: 0; margin: 0; height: 42px;
}

.teaser_three .styledppplayer li, .teaser_two .styledppplayer li, .teaser_one .styledppplayer li {
	/* Korrektur fuer embedded player */
	background: transparent;
	background-image: none;
	border: none;
	
}

.styledppplayer .right { float: right; } 

.styledppplayer #pptimerdisplay {
	position: absolute;
	top: -30px;
	right: 0;
}

.pptitle { display: none !important; }

.pptimeleft { color: #fff; font-size: 1.6em; line-height: 2em; padding: 0 16px; }
.styledppplayer .pptimeleft { font-size: 1.2em; line-height: 3.6em;}

.styledppplayer li {  }
.styledppplayer li.right { }

.ppvslider { display: none; }
.styledppplayer .ppvslider { display: block; position: relative; width: 90px; height: 6px; margin-top: 16px; background-color: #33465e;}
.styledppplayer .ppvmarker { position: absolute; width: 0; height: 6px; border-radius: 2px; background-color: #B4D0FA;}
.styledppplayer .ppvknob { cursor: pointer; position: absolute; width: 12px; height: 12px; background-color: #33465e; margin-left: -2px; top: -3px; border: 2px solid #B4D0FA; border-radius: 6px;}
.styledppplayer a.ui-slider-handle { position: absolute; height: 10px; width: 10px; border-radius: 5px; background-color: #666; left: 50px; top: -1px; cursor: pointer;}


.ppscrubber { font-size: 1.6em; line-height: 2em; }
.pploaded { padding: 0; display: inline;}
.ppplayhead { padding: 0; display: inline }
.styledppplayer .ppscrubber { 
		position: absolute; 
		top:-22px; 
		width:100%; 
		height: 22px; 
		padding: 8px 80px 8px 100px; 
		background-color: #052b6c; 
		background-color: rgba(0,0,0,0.5); 
		clear: both;  
		}
.styledppplayer .pploaded {  border-top: 1px solid #1e1f1f; text-indent: -1000px; display: block; width: 0%; height: 6px; background-color: #00030e; background-color: rgba(255,255,255,0.2)}
.styledppplayer .ppplayhead { border-top: 1px solid #b4d0fa; text-indent: -1000px; display: block; position: relative; top: -6px; width: 34%; height: 6px; background-color: #b4d0fa;}

.styledppplayer #ppcurrentposition {
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	right: -14px;
	top: -6px;
	border: 3px solid #b4d0fa;
	border-radius: 8px;
}

.styledppplayer .ppscrubberdrag {
	position: relative;
	height: 22px;
	width: 100%;
	top: -22px;
	
}

#ndrmslider .pporgsize, #ndrmslider .pplargesize, .rows_three_l .pporgsize, .rows_three_l .pplargesize, .fullscreen .pporgsize, .fullscreen .pplargesize { display: none; /* no resize button in stage area or ebedded player, nor in fullscreen view */ } 

/* Audioplayer */

.audioposter { display: block; float: left; padding-right: 8px; background-color: #001b3c;}
.audioposter img { display: block; }
.pphttpAudio, .pphttpAudioLive { float: left; background-color: #001b3c; }
.teaser_three .pphttpAudio, .teaser_two .pphttpAudio { float: none; }

.pphttpAudioLive .ppsubtitleon, .pphttpAudioLive .ppsubtitleoff, .pphttpAudioLive .ppaudiodeskriptionon, .pphttpAudioLive .ppaudiodeskriptionoff, 
.pphttpAudioLive .pploquality, .pphttpAudioLive .pphiquality, .pphttpAudioLive .ppfsenter, .pphttpAudioLive .ppfsexit, .pphttpAudioLive .pporgsize, .pphttpAudioLive .pplargesize,
.pphttpAudio .ppsubtitleon, .pphttpAudio .ppsubtitleoff, .pphttpAudio .ppaudiodeskriptionon, .pphttpAudio .ppaudiodeskriptionoff, 
.pphttpAudio .pploquality, .pphttpAudio .pphiquality, .pphttpAudio .ppfsenter, .pphttpAudio .ppfsexit, .pphttpAudio .pporgsize, .pphttpAudio .pplargesize { display: none !important; }

.pphttpVideoLive .ppdvrtooltip {
	display: none !important;
}

.pphttpAudio .styledppplayer .ppscrubber, .pphttpAudioLive .styledppplayer .ppscrubber {
	top: -54px;
	height: 54px;
	padding-top: 22px;
}

.pphttpAudio .styledppplayer .ppplay, .pphttpAudio .styledppplayer .pppause, .pphttpAudioLive .styledppplayer .ppplay, .pphttpAudioLive .styledppplayer .pppause {
	top: -62px;
	position: absolute;
}

.pphttpAudio .styledppplayer #pptimerdisplay, .pphttpAudioLive .styledppplayer #pptimerdisplay { top: -48px; }


/* Popup-Panels fuer Player-Empfehlen-Funktion */

.popuppanel {
	display: block;
	position: absolute;
	background-color: #e1ecfa;
	border-radius: 2px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	bottom: 95px;
	left: 24px;
	color: #022c67;
	z-index:12; /* Popups sollen auch den Head (z-index: 11) ueberlagern koennen */
}

.popuppanel h1 {
	padding: 12px;
	margin: 0;
	color: #001b3c !important;
	border-bottom: 1px solid #c5d7f3;
	font-size: 2em;
}

.popuppanel form, .m_recommend li, .m_podcastabo li  { padding: 18px; }
.popuppanel p { padding: 8px 18px 0 18px;}

/* position for panels */
.m_recommend {}
.emailform { left: 200px; bottom: 10px; }
.copyurlform { left: 200px; bottom: 238px; width: 420px;}

.m_recommend a, .m_podcastabo a {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 1.4em;
	font-family: "NDRSansCondRegular", sans-serif;
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/sprite_m_recommend.png);
	background-repeat: no-repeat;
	background-position: top left;
	white-space: nowrap;
	padding-left: 43px;
	padding-right: 8px;
	color: #022c67;
}

.m_podcastabo a { background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/sprite_m_podcast.png); }

.m_recommend a:hover, .m_recommend a:focus, .m_podcastabo a:hover, .m_podcastabo a:focus { background-color: #d1dae5; }

.m_recommend li, .m_podcastabo li { padding-bottom: 0px; }

.m_recommend .email { background-position: 0 0; }
.m_recommend .twitter { background-position: 0 -55px; }
.m_recommend .facebook { background-position: 0 -110px; }
.m_recommend .googleplus { background-position: 0 -165px; }
.m_recommend .copyurl { background-position: left bottom; margin-bottom: 18px; }

.m_podcastabo .itunes { background-position: 0 0; }
.m_podcastabo .myyahoo { background-position: 0 -55px; }
.m_podcastabo .miro { background-position: 0 -110px; }
.m_podcastabo .zune { background-position: 0 -165px; }
.m_podcastabo .copyurl { background-position: left bottom; margin-bottom: 18px;}

.emailform { width: 420px; }
.emailform p {  margin-bottom: 0 !important; }
.emailform legend { position: absolute; left: -9999px; }
.emailform .formfield { width: 192px; display: block; float: left; }
.emailform .formfield input { width: 172px;  }

.emailform textarea { width: 376px; height: 88px; }

.emailform .mediathekbutton { cursor: pointer; color: #fff; background-color: #001b3c; border-radius: 2px; border: none; margin-top: 12px; padding: 4px 12px;}

.copyurlform input {
	display: block;
	margin: 0 18px 18px 18px;
	padding: 4px;
	border-radius: 1px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1) inset;
	width: 376px;
}

.popuppanel .closer { 
		display: block;
		position: absolute;
		right: 12px;
		top: 12px;
		cursor: pointer;
		color: #022c67;
		}
		
/* Projekktor Liveplayer */

.pphttpVideoLive .ppaudiodeskriptionon, .pphttpVideoLive .ppaudiodeskriptionoff {
	display: none !important;
}


/* Player-Zusatz-Infos */

.mplayer_textcontent, .mplayer_footer { width: 100%; background-color: #001b3c; font-size: 0.9em; clear: both;}
.mplayer_textcontent .padding, .mplayer_footer .padding { padding: 16px 24px; }
.player_vierspaltig .mplayer_textcontent .padding { font-size: 1.1em; }
.mplayer_footer { border-top: 1px solid #112f5b; }

.mplayer_textcontent { color: #6897e1; }
.mplayer_textcontent h1 { color: #fff; }
.mplayer_textcontent .subline, .mplayer_textcontent p { margin-bottom: 1.4em; }

.mediathekbutton { 
	font-family: "NDRSansCondRegular", Arial, sans-serif;
	font-size: 1.3em;
	background-color: #e1ecfa;
	color: #001b3c;
	border-radius: 2px;
	text-transform: uppercase;
	padding: 4px 8px 4px 8px;
	margin-right: 8px;
	 }
	
.mediathekbutton:hover, .mediathekbutton:focus { text-decoration: none; background-color: #3364b8 !important; color: #fff !important; text-shadow: 0 0 20px #b4d0fa; }
.mediathekbutton:active, .mediathekbutton.active { text-decoration: none; background-color: #002757 !important; color: #fff !important; }

/* Hilfe-Popup */

.help {
	top: 0;
	left: 0;
	height: 364px;
	background-color: #001B3C !imporant;
	background-color: rgba(0,27,60,0.9) !important;
	color: #99bbff !important;
}

.help h1 { color: #99bbff !important; }

.help dl { font-size: 1.2em; padding-left: 24px; padding-top: 12px;}
.help dt { margin-bottom: 8px; font-size:1.2em;}
.help dd { padding-left: 41px; margin-bottom: 24px;}
.help .link_more { padding-left: 65px; color: #9BF !important; font-size: 1.2em; }
.help .closer { color: #9BF !important; }

.help dt .icon {
	background-color: #9BF !important;
	display: block;
	float: left;
	color: #001B3C;
	border-radius:2px;
	width: 1em;
	line-height: 1.1em;
	font-size: 2em;
	padding: 0.2em;
}

/* Playerbranding */

.playerbranding_ndrtv, 
.playerbranding_ndr1niedersachsen, 
.playerbranding_ndr1radiomv, 
.playerbranding_ndr1wellenord, 
.playerbranding_ndr903, 
.playerbranding_ndr2, 
.playerbranding_ndrkultur, 
.playerbranding_ndrinfo, 
.playerbranding_ndrinfospezial,
.playerbranding_njoy,
.playerbranding_ndrblue {
	background-image: url(/web/20140210045705/http://www.ndr.de/resources/images/mediathek/markenlogo_im_player.png);
	background-repeat: no-repeat;
	height: 20px;
}

.playerbranding_ndrtv 		{ background-position: 97% -625px; }
.playerbranding_ndr1niedersachsen 	{ background-position: 104% -25px; }
.playerbranding_ndr1radiomv 		{ background-position: 105% -85px; }
.playerbranding_ndr1wellenord 		{ background-position: 105% -145px; }
.playerbranding_ndr903 				{ background-position: 103% -205px; }
.playerbranding_ndr2				{ background-position: 106% -265px; }
.playerbranding_ndrkultur			{ background-position: 98% -325px; }
.playerbranding_ndrinfo				{ background-position: 102% -385px; }
.playerbranding_ndrinfospezial		{ background-position: 102% -445px; }
.playerbranding_njoy				{ background-position: 107% -505px; }
.playerbranding_ndrblue 			{ background-position: 102% -565px; }

/* Bedienelemente fuer Audio und Video Live anpassen */

.pprtmpVideoLive .pploaded, .pprtmpVideoLive .ppplayhead, .pprtmpVideoLive .ppscrubberdrag, .pprtmpVideoLive #pptimerdisplay,
.pphttpVideoLive .pploaded, .pphttpVideoLive .ppplayhead, .pphttpVideoLive .ppscrubberdrag, .pphttpVideoLive #pptimerdisplay,
.pphttpAudioLive .pploaded, .pphttpAudioLive .ppplayhead, .pphttpAudioLive .ppscrubberdrag, .pphttpAudioLive #pptimerdisplay {
	display: none;
	
}


/* Untertitel */

.pptracks, .ppslidertitle {
	display: block;
	width: 94%;
	background: transparent url(/web/20140210045705/http://www.ndr.de/resources/images/50p_transp.png) top left repeat scroll;
	position: absolute;
	bottom: 0;
	padding: 0 3%;
	font-size: 1.8em;
	color: #fff;
	font-weight: normal;
	text-align:center;
}

.pptracks.inactive, .ppslidertitle.inactive  {
	display: none;
}

.pphttpAudio .pptracks, .pphttpAudioLive .pptracks {
	width:1px;
	height:1px;
	padding:0;
	margin:0;
	background:url('') !important;
} 

.pptracks.active, .ppslidertitle  {
	display: block;
}

.pptracks.shifted { bottom: 64px; }

.ppslidertitle { bottom: 97px;}

.pptracks p, #ndrmslider .pptracks p, .ppslidertitle p  { 
	/* padding: 8px 24px; */
	padding: 8px 0;
	font-size: 1em;
	color: #fff;
	font-weight: normal;
}

/* Untertitel Farbdefinitionen - tbc Klassen und Farben huer provisorisch und beispielhaft */

.pptrack .col_yellow 	{ color: #e8e858; }
.pptrack .col_blue 		{ color: #4545ff; }
.pptrack .col_cyan 		{ color: #ffffff; }
.pptrack .col_green 	{ color: #00e800; }
.pptrack .col_magenta 	{ color: #ff00ff; }
.pptrack .col_red 		{ color: #cc0000; }

		
/* Audiobildergalerie */
/* Controls bei inaktivaet ausblenden wie beim Videoplayer */

.pphttpAudio.audioslideshow .ppcontrols.inactive {
	filter: alpha(opacity=0) !important;        
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important; /* IE6+ */          
    -webkit-transition: opacity 0.5s linear !important;
    -moz-transition: opacity 0.5s linear !important;
    -o-transition: opacity 0.5s linear !important;
    transition: opacity 0.5s linear !important;
}

.pphttpaudio.audioslideshow .styledppplayer .ppscrubber, .teaser_three .pphttpAudio .styledppplayer .ppscrubber, .teaser_two .pphttpAudio .styledppplayer .ppscrubber {
	height:54px;
}
		
/* not required, just for trimming purposes */
.ppsliderwrapper {
    border: 1px solid #111;
    background-color: #333;
    width: 460px;
    height: 98px;
    margin: 15px;
}

/* the image belt (.ppsliderbeld) is pumped in this one
 * make sure you set "overflow:hidden"
 */
.ppsliderconveyor {
    position: relative;
    top: -0;
    left: 0px;
    margin: 0;
    width: 100%;
    height: 64px;
    overflow: hidden;
    /* background-color: #111; */
    clear: both;
    
background: rgb(0,27,60);
background: -moz-linear-gradient(top,  rgba(0,27,60,1) 0%, rgba(48,88,159,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,27,60,1)), color-stop(100%,rgba(48,88,159,1)));
background: -webkit-linear-gradient(top,  rgba(0,27,60,1) 0%,rgba(48,88,159,1) 100%);
background: -o-linear-gradient(top,  rgba(0,27,60,1) 0%,rgba(48,88,159,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,27,60,1) 0%,rgba(48,88,159,1) 100%);
background: linear-gradient(to bottom,  rgba(0,27,60,1) 0%,rgba(48,88,159,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b3c', endColorstr='#30589f',GradientType=0 );

    
    
}

/* this will become the belt where all the images are glued on
 * make sure you set "position:relative"
 */
.ppsliderbelt {    
    display: block;
    position: relative;
    margin-top: -30px;
    top: 50%;
    left: 0;   
}

/* make sure images on the belt "float:left"
 */
.ppsliderbelt img {
    float: left;    
    padding: 2px;
    margin: 0px;
    border: 2px solid transparent;
    cursor: pointer;
}

/* if the image can't be clicked because the media hasn't been buffered
 * far enough or the player is IDLE the image gets the class inactive
 */
.ppsliderbelt img.inactive {
    filter:alpha(opacity=50);
    opacity:.50;
    cursor: auto;
}

/* the currently active image which is the thum representation of the big one.
 */
.ppsliderbelt img.current {
    background-color: #fdfdfd;
}


.ppsliderimage {
    position: relative;
    margin: 15px;
    width: 430px;
    height: 493px;    
    border: 2px solid #cdcdcd;
    background-color: #010101;
}
/*
.ppslidertitle {
    margin: 15px;
    width: 430px;
    height: 50px;
    background-color: #010101;
    border: 2px solid #cdcdcd;
    line-height: 50px;
    color: #fdfdfd;
    font-weight: bold;
    text-align: center;
    
}
*/


.ppsliderprev,
.ppslidernext {
    position: relative;
    left: 0;
    top: -98px;
    width: 30px;
    height: 98px;
}

.ppsliderprev {
    left: 0;
    background: url(/web/20140210045705/http://www.ndr.de/resources/css/img/left_arrow.png) center center no-repeat;
}
.ppslidernext {
    top: -198px;
    left: 430px;
    background: url(/web/20140210045705/http://www.ndr.de/resources/css/img/right_arrow.png) center center no-repeat;
}


.ppslidernext.active,
.ppsliderprev.active {
    cursor: pointer;
}

.ppslidernext.inactive,
.ppsliderprev.inactive {
    cursor: auto;
    filter:alpha(opacity=50);
    opacity:.50;
}

/* Fehlermeldungen */

.pptestcard {
	font-size: 2em;
	padding: 2em;	
	color: #fff;
}

#ndrmslider .pptestcard p { 2em; }