/* screen.page.css */
/* @version $Rev: 2261 $ */

/* seitenkopf (suchbox etc.) */
	
	#header {position:relative; width:943px; height:63px; background-image:url('images/bg.header.gif');}
	#headerLogoWetter {position:absolute; top:8px; left:12px; width:174px; height:34px;}
	#headerLogoRTL {position:absolute; top:8px; right:5px; width:100px; height:32px;}
	#headerFlashUnwetter {position:absolute; top:8px; right:151px; width:122px; height:44px;}
	#headerSearch {position:absolute; top:16px; left:240px; width:374px; height:27px; background-image:url('images/bg.header.search.gif');}
	#headerSearchField {position:absolute; top:4px; left:65px; width:240px; height:15px; padding:2px; border:0px; font-size:11px; font-weight:bold; color:#000046; text-align:center;}
	#headerSearchTitle {position:absolute; top:8px; left:16px; font-size:11px; font-weight:bold; color:#ffffff;}
	#headerSearchButton {position:absolute; top:8px; right:16px; font-size:11px; font-weight:bold; color:#ffffff; cursor:pointer;}
		
/* kennzeichnung als Anzeige */
	
	#kennzeichnung { position:relative; top:-2px; padding-left:17px; color:#92a3be;}
	
/* copyright */
	
	#copyright {width:943px; text-align:center; font-size:12px; font-weight:normal; color:#000000;}
	
/* pageDescription */
	
	#seoPageDescription {margin-left:20px; font-size:11px; font-weight:normal; color:#000000; line-height:normal;}
	#pageDescription {margin-left:20px; font-size:11px; font-weight:normal; color:#000000; line-height:normal;}
	
/* ligatus element */

	#ligatus,
	#ligatusBox {width:943px;}
	#ligatusBox {margin-left:auto; margin-right:auto;}	
			
/* seite */
	
	div.page {position:relative; width:943px; background-color:#A1C2F8; padding:0px; padding-top:6px; padding-bottom:6px;}
	
/* 1 spaltenlayout */
	
	div.page11 {width:935px; margin-left:3px;}
	
/* 3 spaltenlayout */

	div.page31 {position:relative; display:inline; float:left; width:114px; margin-left:3px;}
	div.page32 {position:relative; display:inline; float:left; width:512px; margin-left:5px;}
	div.page33 {position:relative; display:inline; float:left; width:300px; margin-left:5px;} 
	 
/* 2 spaltenlayout */

	div.page21 {position:relative; float:left; width:631px; margin-left:3px;}
	div.page22 {position:relative; float:left; width:300px; margin-left:5px;}
	
/* allgemeines platzierungselement */

	div.pageBox {position:relative; margin:0; padding:0; border:1px solid #000046; background-color:#ffffff;}
	
/* werbungsheader ueber detailseite */

	div.pageDetailAdHeader75 {position:relative; width:510px; height:75px; margin-bottom:6px;}
	
/* detailseite (3 spalten layout (ohne/mit header)) */

	div.pageDetail {position:relative; width:510px; height:597px; overflow:hidden;}
	div.pageDetailAd {position:relative; width:510px; height:514px; overflow:hidden;}
	
/* artikelseiten (2 spalten layout) */

	div.pageArticle {position:relative; width:629px; min-height:100%;}
	
/* full (1 spalten layout) */
	
	div.pageFull {width:933px;}
	
/* quicklinks / tag cloud etc */

	div.pageQuicklinks {margin-top:6px; width:510px; height:75px; overflow:hidden;}
		
/* login */

	div.pageLogin {width:298px; height:233px;}
	
/* rectangle werbung */

	div.pageRectangle {width:300px;}
	div.pageRectangleTitle {margin-left:4px; margin-bottom:2px; font-size:10px; font-weight:normal; color:#92a3be;}
	div.pageRectangleBody {width:300px; height:250px; overflow:hidden;}
	
/* google adds */

	div.pageGoogleAd {position:relative; width:298px; height:159px; overflow:hidden; background-color:#D8E7FC;}
	div.pageGoogleAdFlat {position:relative; width:298px; height:118px; overflow:hidden; background-color:#D8E7FC;}
	div.pageGoogleAdSubcontent {position:relative; margin-top:6px; width:510px; height:75px; overflow:hidden; background-color:#D8E7FC;}
	div.pageBottomGoogleAd {position:relative; margin-top:6px; margin-left:3px; width:934px; height:90px; overflow:hidden; background-color:#ffffff;}
	div.pageGoogleAd div.googleLogo, 
	div.pageGoogleAdFlat div.googleLogo, 
	div.pageGoogleAdSubcontent div.googleLogo,
	div.pageBottomGoogleAd div.googleLogo {position:absolute; width:114px; height:18px; right:0px; bottom:-1px; background-image:url('images/google.adsense.logo.png'); background-repeat:no-repeat; background-position:bottom right;}
	
/* tagcloud related */

	div.pageTagcloudRelated {position:relative; width:278px; height:149px; overflow:hidden; padding:5px 10px 5px 10px;}
	
/* capitals */

	div.pageCapitalsSubcontent {position:relative; margin-top:6px; width:510px; height:75px; overflow:hidden;}
	div.pageCapitalsRelated {position:relative; width:298px; height:159px; overflow:hidden;}
	div.pageCapitalsRelatedFlat {position:relative; width:298px; height:118px; overflow:hidden;}
	div.pageCapitalsTop10 {position:relative; width:112px; height:150px; overflow:hidden;}
	div.pageCapitalsTop30 {position:relative; width:298px; height:245px; overflow:hidden;}
	div.pageCapitalsRadiusPage {position:relative; margin-left:3px; margin-top:6px; width:934px;}
	
/* toolbox */

	div.pageToolbox {width:298px; height:47px;}
	
/* vertical teaserbar */

	div.pageTeaserbarVertical {width:112px; height:680px;}
	div.pageTeaserbarVertical .teaser {margin: 10px 0px 0px 6px; padding:0px; width:100px; height:126px; overflow:hidden;}
	div.pageTeaserbarVertical .teaserImage {width:93px; height:70px; border:0; position: relative; float: left;}
	div.pageTeaserbarVertical .teaserText {color:#000046; margin-top:3px; line-height:normal;}
	div.pageTeaserbarVertical .teaserText a {color:#000046; text-decoration:none;}
	div.pageTeaserbarVertical .teaserText a:hover {color:#000046; text-decoration:underline;}
	div.pageTeaserbarVertical .teaserbarHeadline {text-align:center; margin-top:10px; font-weight:bold;}
	div.pageTeaserbarVertical .teaserHeadline a:hover {text-decoration:none;}
	div.pageTeaserbarVertical .teaserTool {height:120px;}
	div.pageTeaserbarVertical .teaserTool .teaserHeadline {margin-bottom:3px; white-space:nowrap; margin-left:2px;}

	div.pageTeaserbarVerticalShort {width:112px; height:522px;}
	div.pageTeaserbarVerticalShort .teaser {margin: 10px 0px 0px 6px; padding:0px; width:100px; height:126px; overflow:hidden;}
	div.pageTeaserbarVerticalShort .teaserImage {width:93px; height:70px; border:0; position: relative; float: left;}
	div.pageTeaserbarVerticalShort .teaserText {color:#000046; margin-top:3px; line-height:normal;}
	div.pageTeaserbarVerticalShort .teaserText a {color:#000046; text-decoration:none;}
	div.pageTeaserbarVerticalShort .teaserText a:hover {color:#000046; text-decoration:underline;}
	div.pageTeaserbarVerticalShort .teaserbarHeadline {text-align:center; margin-top:10px; font-weight:bold;}
	div.pageTeaserbarVerticalShort .teaserHeadline a:hover {text-decoration:none;}
	div.pageTeaserbarVerticalShort .teaserTool {height:88px; margin-left:9px;}
	div.pageTeaserbarVerticalShort .teaserTool .teaserHeadline {margin-bottom:3px; white-space:nowrap; margin-left:2px;}

/* horizontal teaserbar */

	div.pageTeaserbarHorizontal {position:relative; margin-left:3px; margin-top:6px; width:934px; height:141px;}
	div.pageTeaserbarHorizontal .teaserLeftSpacer {float:left; width:41px; height:141px;}
	div.pageTeaserbarHorizontal .teaser {float:left; margin: 0px 30px 0px 0px; padding:0px; width:142px; height:141px; overflow:hidden;}
	div.pageTeaserbarHorizontal .teaserHeadline {margin-top:6px; margin-left:2px; margin-bottom:3px; width:140px; overflow:hidden;}
	div.pageTeaserbarHorizontal .teaserImage {width:142px; height:84px; border:0; position:relative; overflow: hidden;}
	div.pageTeaserbarHorizontal .teaserText {color:#000046; margin-top:3px; line-height:normal; margin-left:3px; text-decoration:none; width:139px; overflow:hidden;}
	div.pageTeaserbarHorizontal .teaserText a:hover {color:#000046; text-decoration:underline;}
	
/* ortewetter text */
	
	div.pageOrtewetterText {margin-left:3px; margin-top:6px; width:934px;}
	
/* page video */
	
	div#pageVideos h1 {font-size:14px; font-weight:bold; margin:0px; padding:0px; color:#000046; text-transform:none;}

/* page premium */
	
	div#pagePremium h1 {font-size:14px; font-weight:bold; text-transform:uppercase;}
	div#pagePremium h2 {font-size:14px; font-weight:bold; text-transform:uppercase;}

/* page sonnensuche */
	
	div#pageSonnensuche h1 {font-size:14px; font-weight:bold; text-transform:none;}

/* page alleOrte */
	
	div#pageAlleOrte h1 {font-size:14px; font-weight:bold; text-transform:none;}

/* page mobil */
	
	div#pageMobil h1 {font-size:14px; font-weight:bold; text-transform:none;}
	div#pageMobil h2 {font-size:14px; font-weight:bold; text-transform:none;}

/* page home */
	
	div#pageHome {background-image:url('images/bg.home.kugel.jpg');}
	div#pageHome h1 {font-size:24px; font-weight:bold; text-transform:none;}	

/* page static */

	div#pageStatic h1 {font-size:14px; font-weight:bold; text-transform:none;}
	
/* page znp */
	
	div#pageZnp h1 {font-size:14px; font-weight:bold; text-transform:none;}
	div#pageZnp h2 {font-size:14px; font-weight:bold; text-transform:none;}
	
/* teaser anzeige labels (vertikale Ausrichtung) */
	
	div.anzeige {position: absolute; background-image: url(images/teaser.anzeige.gif); width: 6px; height: 35px; background-repeat: no-repeat;}
	div.anzeigeLinksOben { top: 2px; left: 2px; }
	div.anzeigeRechtsOben { top: 2px; right: 2px; }
	div.anzeigeLinksUnten { bottom: 2px; left: 2px; }
	div.anzeigeRechtsUnten { bottom: 2px; right: 2px; }
	
/* pagePremiumPlusForecast */
/* 50 px hoeher als standard werte */
	
	div#page31PremiumPlusForecast div.pageTeaserbarVertical {height:780px;}
	div#page32PremiumPlusForecast div.pageDetail {height:697px;}
	
/* partner ftd */
	
	body.partnerFTD {background-color:#A1C2F8;}
	
	div.pagePartnerFTDForecast {padding:5px 0 5px 0;}
	div.pagePartnerFTDForecastInnerBody {width:512px; background-color:#ffffff; margin-left:100px;}
	div.pagePartnerFTDForecastInnerBody div.pageCapitalsSubcontent {margin-top:0px; border-top:0px;}
	
	div.pagePartnerFTDArticle {padding:5px 0 5px 0;}
	div.pagePartnerFTDArticleInnerBody {width:631px; background-color:#ffffff; margin-left:100px;}
	div.pagePartnerFTDArticleInnerBody div.pageQuicklinks {margin-top:0px; border-top:0px;}
	
	div.pagePartnerFTDWetterbericht {background-color:#ffffff;}
	div.pagePartnerFTDWetterbericht .pagePartnerFTDWetterberichtInnerBody .mediaset h1 {padding-top:10px;}
	div.pagePartnerFTDWetterbericht .pagePartnerFTDWetterberichtInnerBody .mediaset p {margin-bottom:0px; padding-bottom:10px;}
	
/* verschiedene seitenarten */

	#page_arranged {position:relative; width:943px; background-color:#A1C2F8; padding:0px; padding-top:6px; padding-bottom:6px;}
	#page_arranged_content_wrapper 	{position:relative; float:left; width:100%}
	#page_arranged_content 			{position:relative; float:left; width:512px; margin: 0 122px;}
	
	#page_arranged_wettertext_wrapper 	{position:relative; float:left; width:100%}
	#page_arranged_wettertext			{position:relative; float:left; margin-top:229px;}
			
	#page_arranged_capitals_wrapper 	{position:relative; float:left;}
	#page_arranged_capitals			{position:relative; float:left; width:300px; margin-left:-304px; margin-top:-37px;}
	
	#page_arranged_quicklink_wrapper 	{position:relative; float:left;}
	#page_arranged_quicklink			{position:relative; float:left; width:512px; margin-left:-821px;}
	
	#page_arranged_teaserbarv_wrapper	{position:absolute; width:114px; top:6px; left:3px;}
	#page_arranged_related_wrapper	 	{position:absolute; width:300px; top:6px; right:4px;}
	#page_arranged_teaserbarh_wrapper	{position:absolute; width:934px; height:141px; top:686px; left:0;}
	