#product {
	float: left;
	width: 641px;
	margin-left: 20px;
}


#product_display {
	float: left;	
	border-style: solid;
	border-color: #ddd;
        border-width: 1px 0 0 0;
	width: 660px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	margin-left: -5px;
	position: relative;
}


#product_display.p_wotexte_forecast {
    border-width: 0;
}

/*
#product_display.Liveticker {
	overflow-y: scroll;
	height: 100%;
	min-height: 1400px;
	max-height: 1600px; 
}
*/

/* AK: Scrollbalken nicht bei der Anzeige eines Post einblenden */
#product_display.Liveticker.one_post{
	overflow-y: auto;
}

/* AK: fuer Pollen kein Buttom damit die Werbung gleich an Social-Media-Links anschliesst 
       alte Schriftgröße beibehalten
*/
#product_display.PollenForecast {
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 16px;
	font-size: 13px;
}

#pc h1 {
	width: 100%;
}

#text h1 {
	text-indent: 0;
	background: none;
}

#text h4 {
	font-size: 12px; 
	font-family: arial, sans-serif; 
	color: #000; 
	font-weight: bold; 
	margin: 3px 0 0 0;
}

/* 
 AK: Sonst gibt es Probleme bei langen Bildueberschriften (erstes Wort
 haengt an der vorhergehenden caption), da nicht die gesamte Text-Breite
 (500px) fuer die Bilder und die Bildunterschrift(478px) genutzt wird 
*/
#text.Special h4, #text.GermanyWeather h4, #text.Weekend h4 {
	clear: both;
}

#text span.date_headline {
	font-size: 11px; 
	font-family: arial, sans-serif; 
	color: #666; 
	font-weight: normal; 
	margin: -2px 0 0 0;
	text-indent: 0;
	width: 100%;
}

#text  h3 {
/*	font-size: 14px; */
	font-family: arial, sans-serif; 
	color: #00537f; 
/*	font-weight: bold; */
/*	margin: 3px 0 0 0; */
/* AK Dez 2013: neu nun fuer forecast und feature */
	margin: 8px 0 16px 0;
	font-size: 20px;
	font-weight: normal;
}

/*
.p_wotexte_forecast #text h3 {
	margin: 8px 0 8px 0;
	font-size: 20px;
	font-weight: normal;
}
*/

#text.Liveticker h3 {
	margin-bottom: 15px;
}

#text h2 {
/*	font-size: 14px; */
	font-family: arial, sans-serif; 
	color: #000; 
/*	font-weight: bold; */
/*	margin: 3px 0 0 0; */
/* AK Dez 2013: neu nun fuer forecast und feature */
	margin: 4px 0 0;
	font-size: 16px;
	font-weight: normal;
}

/*
.p_wotexte_forecast #text h2 {
	margin: 4px 0 0;
	font-size: 16px;
}
*/

#text {
	padding-right: 10px;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	width: auto;
	max-width: 500px;
}

#text.GermanyWeather, #text.Weekend {
	max-width: 520px;
}

/* AK: fuer Pollen Anpassungen fuer Social-Media-Links */
/* Text genauso lang wie das Bild hoch ist und danach ein kleiner Abstand zu Social */
.PollenForecast #text div.text  {
	min-height: 305px;
	margin-bottom: 5px;
}

#product_display.GermanyTrend #text, #product_display.p_wotexte_feature #text {
	width: 400px;
}

#product_display.Liveticker #text {
	width: 520px;
        max-width: 550px;
/*	max-height: 1200px; */
}



/* AK 12.12.2013: neuer Trenner statt die geliebten **** - erster Post ohne (im Schnipsel -> arrr soll doch noch nicht mit*/
#product_display.p_wotexte_feature #text.Liveticker .post .timestamp_headline {
	border-top: 1px solid #ddd;
	width: 520px;
	height: 55px;
	background: url(/dr/0.0.0/images/logo/ball_33x35.png) no-repeat scroll left 20px;
	text-indent: 40px;
	font-weight: normal;
	float: left;
	margin-bottom: 5px;
}

#product_display.Liveticker.one_post #text.Liveticker .top_post {
	background-color: #FFF;
}

/* AK: 19.12.2013: Top-Post mit Hintergrund*/
#product_display.p_wotexte_feature #text.Liveticker .top_post {
	background-color: #f3f7fb;
	margin-top: 20px;
}


#product_display.p_wotexte_feature #text.Liveticker .top_post .timestamp_headline {
	background-position: 0 0;
	height: 35px;
}


#product_display.p_wotexte_feature #text.Liveticker .top_post .timestamp_headline .post_time {
	margin-top: 0;
}

.one_post #wetterticker .post_time {
	display: none;
}

.one_post #wetterticker .post_date {
	margin-top: 20px;
}

/* erster Post ohne Datum, soll noch nicht beim Update mit, daher wird das wieder benoetigt */
#product_display.p_wotexte_feature #text.Liveticker .post:nth-of-type(1) .timestamp_headline {
	border-top: 0 none;
}

#product_display.p_wotexte_feature #text.Liveticker .post .timestamp_headline .post_time {
	margin-top: 20px;
}

#product_display.p_wotexte_feature #text.Liveticker .top_post .timestamp_headline .post_time {
	margin-top: 0;
}

#product_display.p_wotexte_feature #text.Liveticker .post .timestamp_headline .post_date {
	color: #aaa;
}

/* zum testen fuer MM: //www.wetteronline.de/wetterticker?postId=post_2692582 */
#post_2692582 {
	width: 640px;
}
#post_2692582 iframe {
	width: 640px;
	height: 393.846153846px;
}


/* -- Annika: Anfang -- */
/* ersten Absatz bei DL fett */
/* AK: 18.11.2013 aus */
/*
#product_display.GermanyWeather #text p:nth-of-type(1) {
	font-weight: bold;
}
*/

/* Liveticker */
/* Abstand unterhalb des Posts */
#product_display.p_wotexte_feature #text.Liveticker .post {
	float: left;
	margin-bottom: 21px;
	position: relative;
	max-width: 520px;
	overflow: visible;
}

/* Abstand Subhead erster Post */
#product_display.p_wotexte_feature #text.Liveticker h2 {
	margin-bottom: 7px;
}

/* Abstand p am Ende eines Post */
#product_display.p_wotexte_feature #text.Liveticker p:last-child {
	margin-bottom: 0px;
}

/* Breite caption wie Bilder 400 - geht sicher eleganter*/
#product_display.p_wotexte_feature #text.Liveticker .caption {
       width: 400px;
}

/* default Tabellen*/
#product_display.p_wotexte_feature #text.Liveticker .post table {
	width: 550px;
}

#product_display.p_wotexte_feature #text.Liveticker .post th{
	padding: 2px 5px;
	border-style: solid;
        border-width: 1px;
	border-color: #FFF;
	background-color: #DDD;
}

#product_display.p_wotexte_feature #text.Liveticker .post td{
	padding: 2px 5px;
	border-style: solid;
        border-width: 1px;
	border-color: #FFF;
}

#product_display.p_wotexte_feature #text.Liveticker .post tr:nth-child(2n+1) {
	background-color: #EEE;
}

#product_display.p_wotexte_feature #text.Liveticker .post tr:nth-child(2n) {
	background-color: #F3F7FB;
}

/* Bilder vor den Linkzeilen */
#product_display.p_wotexte_feature #text.Liveticker .textlink {
	background-image:url(/dr/0.0.0/img/icons/text.gif);
}

#product_display.p_wotexte_feature #text.Liveticker .gallerylink {
	background-image:url(/dr/0.0.0/img/icons/gallery.gif);
}

#product_display.p_wotexte_feature #text.Liveticker .videolink {
	background-image:url(/dr/0.0.0/img/icons/video.gif);
}

#product_display.p_wotexte_feature #text.Liveticker .generallink {
	background-image:url(/dr/0.0.0/img/arrows/doublearrow_right.gif);
	margin-bottom: -12px;
}

#product_display.p_wotexte_feature #text.Liveticker .warninglink {
	background-image:url(/dr/0.0.0/img/icons/adwarn.gif);
}

/*
AK 12.12.2013 wegen neuer Breite brauchen Linkzeilen ein float, sonst stehen sie hinter ggf. schmaleren Bildern
              fuer Linkzeilen direkt nach Bildern auch das clear 
#product_display.p_wotexte_feature #text.Liveticker .generallink,
*/ 
#product_display.p_wotexte_feature #text.Liveticker .textlink,
#product_display.p_wotexte_feature #text.Liveticker .gallerylink,
#product_display.p_wotexte_feature #text.Liveticker .videolink,
#product_display.p_wotexte_feature #text.Liveticker .warninglink {
	float: left;
	clear: both;
}

/* Fotostreckenvorschau - fuer WE, DL */
/* passend zur Bildbreite 478px = Border 2 + padding 18 + width 458 */
/* 19.11 zur Bildbreite 520px = Border 2 + padding 20 + width 498 */
#product_display.p_wotexte_forecast #text.Weekend .galleryteaser, 
#product_display.p_wotexte_forecast #text.GermanyWeather .galleryteaser {
	float: left;
	border: 1px solid #ddd;
/*	padding: 12px 6px 9px;*/
	padding: 12px 10px 9px;
/*	width: 458px; */
	min-width: 498px;
	margin: 0 0 7px;
}

/* Fotostreckenvorschau - fuer Trend und fuer alle Feature-Texte */
/* passend zur Bildbreite 400px = Border 2 + padding 18 + width 380 */
#product_display.p_wotexte_forecast #text.GermanyTrend .galleryteaser,
#product_display.p_wotexte_feature #text .galleryteaser {
	float: left;
	border: 1px solid #ddd;
	padding: 12px 6px 9px;
	min-width: 380px;
	margin: 0 0 7px;
}

/* weitere Eigenschaften fuer Fotostreckenvorschau */
/*19.11  fuer neu Breite 520 */
#product_display.p_wotexte_forecast #text.Weekend .galleryteaser h3,
#product_display.p_wotexte_forecast #text.GermanyWeather.galleryteaser h3 {
	font-size: 13px;
	margin: 0;
/*    	text-indent: 15px;*/
    	text-indent: 20px;
}

#product_display.p_wotexte_forecast #text.GermanyTrend .galleryteaser h3,
#product_display.p_wotexte_feature #text .galleryteaser h3 {
	font-size: 13px;
	margin: 0;
    	text-indent: 2px;
}

#product_display.p_wotexte_feature #text .galleryteaser h3,
#product_display.p_wotexte_forecast #text.Weekend .galleryteaser h3,
#product_display.p_wotexte_forecast #text.GermanyWeather .galleryteaser h3,
#product_display.p_wotexte_forecast #text.GermanyTrend .galleryteaser h3 {
	color: #666;
	font-weight: normal;
}

#product_display.p_wotexte_feature #text .galleryteaser h4 a,
#product_display.p_wotexte_forecast #text.Weekend .galleryteaser h4 a,
#product_display.p_wotexte_forecast #text.GermanyWeather .galleryteaser h4 a,
#product_display.p_wotexte_forecast #text.GermanyTrend .galleryteaser h4 a {
	color: #00537f;
}

/*19.11  fuer neu Breite 520 */
#product_display.p_wotexte_forecast #text.Weekend .galleryteaser h4,
#product_display.p_wotexte_forecast #text.GermanyWeather .galleryteaser h4 {
/*	text-indent: 15px;*/
	text-indent: 20px;
	margin: 0;
}

#product_display.p_wotexte_forecast #text.GermanyTrend .galleryteaser h4,
#product_display.p_wotexte_feature #text .galleryteaser h4 {
	text-indent: 2px;
	margin: 0;
}

#product_display.p_wotexte_feature #text .galleryteaser a img,
#product_display.p_wotexte_forecast #text.Weekend .galleryteaser a img,
#product_display.p_wotexte_forecast #text.GermanyWeather .galleryteaser a img,
#product_display.p_wotexte_forecast #text.GermanyTrend .galleryteaser a img {
	width: 120px;
	height: 80px;
	float: none;
}
/*19.11  fuer neu Breite 520 */
#product_display.p_wotexte_forecast #text.Weekend .galleryteaser img,
#product_display.p_wotexte_forecast #text.GermanyWeather .galleryteaser img {
/*	margin: 3px 15px;*/
	margin: 3px 20px;
}

#product_display.p_wotexte_forecast #text.GermanyTrend .galleryteaser img,
#product_display.p_wotexte_feature #text .galleryteaser img {
	margin: 3px 2px;
}
/* -- Annika: Ende -- */

#text img {
/*	margin: 3px 5px 3px 0; */
	height: auto;
	width: auto;
	float: left;
/* AK Dez 2013: neu nun fuer forecast und feature */
	margin: 3px 5px 19px 0; 
}
/*
.p_wotexte_forecast #text img {
	margin: 3px 5px 19px 0; 
}
*/

#text p {
/*	margin-top: 7px;*/
/*	margin-bottom: 15px;*/
	width: 100%;
	float: left;
/* AK Dez 2013: neu nun fuer forecast und feature */
	margin-top: 3px;
	margin-bottom: 19px;
	line-height: 21px;
}

/*
.p_wotexte_forecast #text p {
	margin-top: 3px;
	margin-bottom: 19px;
	line-height: 21px;
}
*/

#text p a {
/*        color: #0055ee; */
	color: #00537f;
        text-decoration: underline; 
        }
/*
#text a + p {
	background-color: #f00;
}
*/

#text .caption {
	background-color: #f3f7fb;
	clear: both;
/* 	margin-top: -3px;*/
	font-size: 11px;
/* AK Dez 2013: neu nun fuer forecast und feature */
 	margin-top: -19px;
}

/* AK: neuer Player in alten Texten Caption nach Video */
#text > div.embedded-video {
 	display: inline-block;
 	width: 400px;
}
#text.GermanyWeather > div.embedded-video {
 	width: 520px;
}
/* AK: Caption nach Video */
#text > div.embedded-video > p.caption {
 	margin-top: -1px;
/* 	background-color: red; für Tests */
}

/*
.p_wotexte_forecast #text .caption {
 	margin-top: -19px;
}
*/

/* AK 12.12.2013: neue Bilder hocken nun im eigenen div, damit sich die Caption automatisch der Bildgroesse anpassen kann
                  -> variable Bildgroessen im WetterTicker (alt Liveticker)
*/
#text div.largeimage {
	float: left;  
        width: auto;  
        margin: 3px 0 19px 0;
        max-width: 400px;
}

.Liveticker #text .top_post div.largeimage {
	margin-bottom: 0;
}

.Liveticker #text div.largeimage,
.GermanyWeather #text div.largeimage,  
.Weekend #text div.largeimage {
        max-width: 520px;
}

#text div.largeimage img {
	margin: 0;
}

#text div.largeimage .caption {
	margin: 0;
}
/* AK: so umständlich, da bei alten Livetickern das ohne div ja auch noch huebsch sein soll */
#product_display.p_wotexte_feature #text.Liveticker div.largeimage .caption {
       width: 100%;
}

#productsidebar {
	float: left;
	padding-top: 13px;
	margin-top: 10px;
	padding-left: 10px; 
	width: 230px;
/*	border-left: 1px solid #ddd; */
	margin-left: -1px;
	position: relative;
}

.GermanyTrend #text, .GermanyTrend #productsidebar {
	border-color: #fff;
}

.GermanyTrend #productsidebar {
	padding-left: 0;
	width: 240px;
}


#productsidebar ul {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-top: 10px;
}

.p_wotexte_feature #productsidebar ul {
	padding-bottom: 9px;
}

.p_wotexte_feature #productsidebar.DailyTopics ul {
	padding-bottom: 5px;
}

#productsidebar h3 {
	margin: 3px 0 3px 0;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	width: 100%;
	text-indent: 0;
	float: none;
}

#flashcontent {
	background-color: #222;
	position: relative;
	text-align: center;
}	

/* #productsidebar ul.extremearchive li {color: #000; font-weight: bold; height: 40px;} */
#productsidebar ul a.ExtremeWeather {font-weight: normal; color: #00537f;}

#productsidebar li {
	font-weight: bold;
	font-size: 12px;
	height: 40px;
	color: #00537f;
}

#productsidebar.DailyTopics li {
	height: 40px;
}

#productsidebar li a {
	font-weight: normal;
}

#productsidebar li a.dateheadline {
	font-weight: normal;
	color: #000;	
}

/* AK: fuer html-Produktion weitere Link-Klasse */
#productsidebar li a.headline {
	font-weight: normal;
	color: #000;
	display: block;
}

#productsidebar li a.nippel {
        background-image: url(data:image/gif;base64,R0lGODlhBAAHAIABAP8AAAAAACH5BAEAAAEALAAAAAAEAAcAAAIIRA4WaeyrVCgAOw==);
        background-color: transparent;
        background-repeat: no-repeat;
	background-position: 0 6px;
	text-indent: 7px;
	position: relative;
}

/* AK: beim Special Link in der Uebersichtsnavi nicht mit Nippel versehen */
.Special #productsidebar .overview li a.nippel {
        background: none;
        text-indent: 0;
}

#productsidebar table {
	font-size: 11px;
	margin-top: 5px;
	clear: both;
	width: 240px;
	margin-left: 0;
}

#productsidebar table th {
	font-weight: bold;
	font-size: 14px;
	color: #00537f;
	height: 20px;
}

#productsidebar table tr td {
	vertical-align: middle;
	height: 40px;
	background-color: #fff;
	border-collapse: separate;
	border-style: solid;
	border-color: #fff;
	border-width: 5px 1px;
	padding: 2px 3px;
}

#productsidebar table tr.Sa td, #productsidebar table tr.So td {
	background-color: #f3f7fb;
}

/* -- Annika: Anfang -- */
.Special #productsidebar .overview {
	margin-top: 15px;
}

/* DL - ColormapsTeaser */
.GermanyWeather #productsidebar {
	float: right;
	margin-top: 65px;
	padding-left: 0;
	padding-top: 0;
	width: 130px;
}

.GermanyWeather #productsidebar #colormaps{
	width: 130px;
	border: none;
	margin: 10px 0 0;
	padding: 0;
}

.GermanyWeather #productsidebar .colormap_box span{
	margin: -5px 0 20px;
}

/* statische Sidebar im Liveticker oben links, sonst unterhalb des Textes */
#staticsidebar {
	font-size: 13px;
	position: absolute;
	top: -21px;
	right: 0;
	z-index: 2;
}

.p_wotexte_forecast #staticsidebar {
        width: 240px;
}

#pc.p_wotexte_feature #staticsidebar {
	float: left;
	position: relative;
	top: auto;
	right: auto;
}

#pc.p_wotexte_feature .Liveticker #staticsidebar {
	float: right;
	top: 10px;;
	right: 10px;
}

#staticsidebar .uploadlink {
	overflow: hidden;
	padding: 0 0 0 20px;
	display: block;
}

#staticsidebar .headline {
	font-weight: normal;
	color: #000000;
}

/* AK: statischer Link auf den WetterTicker beim Anzeigen einzelner Posts */
#wettertickersidebar {
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: 350px;
	line-height: 35px;
	background-color: #F3F7FB;
	padding: 0 10px;	
	z-index: 2;
}

#wettertickersidebar .wettertickerlink {
	color: #000;
	font-size: 16px;
}

/* Link weiteren Top-Themen (DailyTopics-Link-Kett) */
#moreFeature {
	clear: both;
	width: 340px;
	margin-left: 60px;
	padding-bottom: 40px;
	padding-top: 10px;
}

#moreFeature .nolink {
	visibility: hidden; /* unsichtbar, aber Dimensionen bleiben erhalten */
}

#productsidebar.Liveticker h5,
#productsidebar.Special h5 {
	font-size: 14px;
	font-weight: bold;
	font-family: arial, sans-serif;
	margin: 0;
}

/* Liveticker-Sidebar neue Klasse für Datumszeile */
#productsidebar.Liveticker .dateheadline {
	font-weight: normal;
	color: #666666;
	font-size: 11px;
}

/* Liveticker-Sidebar neue Klasse für Überschrift */
#productsidebar.Liveticker .headline {
	font-weight: bold;
	color: #00537f;
}

/* Liveticker-Sidebar neue Klasse für 2. Headline */
#productsidebar.Liveticker .subheadline, #staticsidebar .subheadline {
	font-weight: normal;
	color: #000000;
}
/* -- Annika: Ende -- */
/* CN: ul und ol im ticker doch mit spiegelpunkten bzw. ordnungszahl */
#wetterticker div.post > ol, #wetterticker div.post > ul {
	list-style-type: inherit;
	list-style-position: inside;
	list-style-type: disc; 
	line-height: 180%;
	margin-bottom: 10px;
}

#wetterticker div.post > ol {
	list-style-type: decimal;
}


ul#lastentry  {border: 0;}


.trendday {
	color: #666;
	line-height: 13px;
	font-size: 11px;

}

.trendsymbol {
	margin: auto;
}

.trendsymbol img {
	margin-top: 5px;
}

.trendtemp {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}

span.till {
	color: #666;
	font-weight: normal;
}

.tempclass1 {
        color: #00f;
}

.tempclass2 {
	color: #093;
}

.tempclass3 {
	color: #f00;
}

.tempclass4 {
	color: #a00;
}

.tempclass5 {
        color: #720000;
}

.tempclass6 {
	color: #ff00ff;
}

.tempclass7 {
	color: #aa00aa;
}

.trendsignificance {
	color: #666;
	text-align: center;
	line-height: 13px;
	font-size: 12px;
}

#nippel {
	margin-right: 5px;
}

/* suchbox unter der trendtabelle  */

#furthersearchform {
	float: left;
	margin-top: 10px;
	padding: 10px 0;
	position: relative;
	width: 520px;
	background-color: #F3F7FB;
	left: 0;
}


#product_display.p_wotexte_forecast.GermanyTrend #furthersearchform {
	width: 400px;
}

#furthersearchform legend {
    color: #00537f;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px 10px 5px;
}


.autosuggestwrapper {
    position: relative;
    float: left;
	left: 5px;
}

/*** extras fuer m2 ******/
body.m #product_display.Liveticker #text, 
body.m #product 
{
	width: 100%;
	max-width: 650px;
}