@charset "utf-8";

html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}


/* ********************************************************************** */
/* common page layout *************************************************** */
/* ********************************************************************** */
body.ltr
{
  direction: ltr;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #1f2322;
  background: #f2f2f2 url(/img/lyt/background.gif) repeat-x;
  margin: 10px;
  padding: 0px;
}
body.rtl
{
  direction: rtl;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #1f2322;
  background: #f2f2f2 url(/img/lyt/background.gif) repeat-x;
  margin: 10px;
  padding: 0px;
}
body.ltrStartBox
{
  direction: ltr;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #1f2322;
  background: #f2f2f2 url(/img/lyt/background.gif) repeat-x;
  margin: 0px;
  padding: 0px;
}
body.webcamLiveLtr
{
  direction: ltr;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #1f2322;
  background: #f2f2f2 url(/img/lyt/background.gif) repeat-x;
  margin: 0px;
  padding: 0px;
}
body.webcamLiveRtl
{
  direction: rtl;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #1f2322;
  background: #f2f2f2 url(/img/lyt/background.gif) repeat-x;
  margin: 0px;
  padding: 0px;
}
.none
{
  margin: 0px;
  padding: 0px;
  border: none;
}
img.slides
{
  vertical-align: middle;
  margin: 0px;
  padding: 0px 20px;
  border: none;
}
span.slides
{
  font: italic normal bold 34px Verdana, Arial, Helvetica, sans-serif;
  color: #909090;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
div.clear
{
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden;
}
.bold
{
  font-weight: bold;
}
.noBold
{
  font-weight: normal;
}
.italic
{
  font-style: italic;
}
.fs11
{
  font-size: 11px;
}
.fs10
{
  font-size: 10px;
}
.fs9
{
  font-size: 9px;
}
.bLine
{
  border-bottom: 1px solid #656d73;
}
.warning
{
  color: #b72929;
}
.clb
{
  clear: both;
}
img.elink
{
  vertical-align: text-bottom;
}
.ctr
{
  text-align: center;
}
.rght
{
  text-align: right;
}
.blueBg-de
{
  background: transparent url(/img/lyt/blueBg.gif) repeat-x 0px 4px;
}
.redBg-de
{
  background: transparent url(/img/lyt/redBg.gif) repeat-x 0px 4px;
}
.yellowBg-de
{
  background: transparent url(/img/lyt/yellowBg.gif) repeat-x 0px 4px;
}
.greenBg-de
{
  background: transparent url(/img/lyt/greenBg.gif) repeat-x 0px 4px;
}

.blueBg-en
{
  background: transparent url(/img/lyt/blueBg.gif) repeat-x 0px 8px;
}
.redBg-en
{
  background: transparent url(/img/lyt/redBg.gif) repeat-x 0px 8px;
}
.yellowBg-en
{
  background: transparent url(/img/lyt/yellowBg.gif) repeat-x 0px 8px;
}
.greenBg-en
{
  background: transparent url(/img/lyt/greenBg.gif) repeat-x 0px 8px;
}

.blueBg-tr
{
  background: transparent url(/img/lyt/blueBg.gif) repeat-x 0px 8px;
}
.redBg-tr
{
  background: transparent url(/img/lyt/redBg.gif) repeat-x 0px 8px;
}
.yellowBg-tr
{
  background: transparent url(/img/lyt/yellowBg.gif) repeat-x 0px 8px;
}
.greenBg-tr
{
  background: transparent url(/img/lyt/greenBg.gif) repeat-x 0px 8px;
}


/* ********************************************************************** */
/* start box layout ***************************************************** */
/* ********************************************************************** */
#startBoxGap
{
	height: 50%;
	width: 100px;
	margin-bottom: -275px;
	float: left;
}

#startBoxContainer
{
  width: 980px;
	height: 550px;
	clear: left;
	background-color: #f4f0e9;
	margin: 0px auto;
	padding: 0px;
	border: none;
}
#startBoxContent
{
  width: 958px;
	height: 471px;
	background-color: transparent;
	margin: 0px;
	padding: 0px 10px;
	border-left: 1px solid #d4ccc0;
  border-right: 1px solid #d4ccc0;
}
#startBoxContent ul.startBox
{
  list-style: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  border: none;
}
#startBoxContent li.startBox
{
  list-style: none;
  float: left;
  overflow: hidden;
  width: 285px;
  height: 461px;
  background-color: transparent;
  margin: 10px 40px 0px 0px;
  padding: 0px;
  border: none;
}
#startBoxContent li div.sbContentTop
{
  width: 285px;
  height: 10px;
  font-size: 0;
  background: transparent url(/img/lyt/menuTop.png) no-repeat;
  margin: 0px;
  padding: 0px;
  border-bottom: none;
}
#startBoxContent li div.sbContentBottom
{
  width: 285px;
  height: 10px;
  font-size: 0;
  background: transparent url(/img/lyt/menuBottom.png) no-repeat;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border-bottom: none;
}
#startBoxContent li div.sbContent
{
  width: 285px;
  background: transparent url(/img/lyt/menuBg.png) repeat-y;
  margin: 0px;
  padding: 0px;
  border-bottom: none;
}
#startBoxContent li div.sbContent div.imgs
{
  overflow: hidden;
  width: 265px;   
  height: 140px;
  text-align: center;
  background-color: transparent;
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 0px 10px;
  border: none;
}
#startBoxContent li div.sbContent div.text
{
  width: 250px;   
  height: 201px;
  overflow: hidden;
  text-align: left;
  background-color: transparent;
  margin: 0px;
  padding: 0px 17px 10px 18px;
  border: none;
}
#startBoxContent li div.sbContent div.lang
{
  width: 285px;
  height: 50px;
  text-align: center;
  background-color: transparent;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  border: none;
}


/* ********************************************************************** */
/* page layout ********************************************************** */
/* ********************************************************************** */
#pageContainer
{
  width: 980px;
  margin: 0px;
  padding: 0px;
  border: none;
}


/* ********************************************************************** */
/* top boxes ************************************************************ */
/* ********************************************************************** */
#topLtr
{
  width: 980px;
  height: 39px;
  background: #f2f2f2 url(/img/lyt/topLtr.jpg) no-repeat;
  margin: 0px;
  padding: 0px;
  border: none;
}
#topRtl
{
  width: 980px;
  height: 39px;
  background: #f2f2f2 url(/img/lyt/topRtl.jpg) no-repeat;
  margin: 0px;
  padding: 0px;
  border: none;
}
#languagesLtr
{
  float: right;
  width: 200px;
  height: 38px;
  text-align: right;
  background: transparent;
  margin: 0px 34px 0px 0px;
  padding: 0px;
  border: none;
}
#languagesRtl
{
  float: left;
  width: 200px;
  height: 38px;
  text-align: left;
  background: transparent;
  margin: 0px 0px 0px 34px;
  padding: 0px;
  border: none;
}
a.languagesLtr,
a.languagesLtr:link,
a.languagesLtr:visited,
a.languagesLtr:active,
a.languagesLtr:hover,
a.languagesLtr:focus
{
  display: block;
  float: right;
  width: 30px;
  height: 38px;
  color: #ffffff;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
a.languagesRtl,
a.languagesRtl:link,
a.languagesRtl:visited,
a.languagesRtl:active,
a.languagesRtl:hover,
a.languagesRtl:focus
{
  display: block;
  float: left;
  width: 30px;
  height: 38px;
  color: #ffffff;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
img.languages
{
  margin: 9px 4px 7px 4px;
  padding: 0px;
  border: none;
}
#topWebcamLtr
{
  width: 100%;
  height: 39px;
  background: #f2f2f2 url(/img/lyt/webcamBg.gif) repeat-x;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  border: none;
}
#topWebcamRtl
{
  width: 100%;
  height: 39px;
  background: #f2f2f2 url(/img/lyt/webcamBg.gif) repeat-x;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  border: none;
}


/* ********************************************************************** */
/* advertising content container **************************************** */
/* ********************************************************************** */
#adsContainer
{
  width: 958px;
  background: #f4f0e9;
  margin: 0px;
  padding: 10px;
  border-left: 1px solid #d4ccc0;
  border-right: 1px solid #d4ccc0;
  border-bottom: 1px solid #d4ccc0;
}
#adsContainer div.bigBannerAd
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg.gif) no-repeat;
  margin: 0px auto;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#adsContainer div.bigBannerAd-de
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-de.gif) no-repeat;
  margin: 0px auto;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#adsContainer div.bigBannerAd-en
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-en.gif) no-repeat;
  margin: 0px auto;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#adsContainer div.bigBannerAd-tr
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-tr.gif) no-repeat;
  margin: 0px auto;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#webcamAdsContainer
{
  width: 100%;
  height: 90px;
  background: #f4f0e9;
  margin: 0px;
  padding: 10px;
  border-left: 1px solid #d4ccc0;
  border-right: 1px solid #d4ccc0;
  border-bottom: 1px solid #d4ccc0;
}
#webcamAdsContainer div.webcamBigBannerAd
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#webcamAdsContainer div.webcamBigBannerAd-de
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-de.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#webcamAdsContainer div.webcamBigBannerAd-en
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-en.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#webcamAdsContainer div.webcamBigBannerAd-tr
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-tr.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: 1px solid #d4ccc0;
}
#webcamAdsContainer div.webcamBigBannerAdGoogle
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: none;
}
#webcamAdsContainer div.webcamBigBannerAdGoogle-de
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-de.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: none;
}
#webcamAdsContainer div.webcamBigBannerAdGoogle-en
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-en.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: none;
}
#webcamAdsContainer div.webcamBigBannerAdGoogle-tr
{
  width: 728px;
  height: 90px;
  background: #f4f0e9 url(/img/lyt/adsBigBannerBg-tr.gif) no-repeat;
  margin: 0px;
  padding: 0px 0px 0px 20px;
  border: none;
}


/* ********************************************************************** */
/* time container (misc.) *********************************************** */
/* ********************************************************************** */
#timeContainer
{
  width: 938px;
  height: 18px;
  font: normal normal normal 10px/18px Arial, Helvetica, sans-serif;
  text-align: right;
  color: #6c6660;
  background-color: #e3dbcd;
  margin: 0px;
  padding: 0px 20px;
  border-left: 1px solid #d4ccc0;
  border-right: 1px solid #d4ccc0;
  border-bottom: 1px solid #d4ccc0;
}
#timeContainer #time
{
  float: right;
  width: 400px;
  height: 17px;
  font: normal normal normal 10px/17px Arial, Helvetica, sans-serif;
  text-align: right;
  color: #6c6660;
  background-color: transparent;
  margin: 0px;
  padding: 1px 0px 0px 0px;
  border: none;
}


/* ********************************************************************** */
/* main content container *********************************************** */
/* ********************************************************************** */
#contentContainer
{
  width: 978px;
  background: #f4f0e9;
  margin: 0px;
  padding: 0px;
  border-left: 1px solid #d4ccc0;
  border-right: 1px solid #d4ccc0;
}


/* ********************************************************************** */
/* menu box ************************************************************* */
/* ********************************************************************** */
#menu
{
  float: left;
  width: 250px;
  background-color: transparent;
  margin: 0px;
  padding: 10px;
  border: none;
}
#menu div.menuTop
{
  width: 250px;
  height: 10px;
  font-size: 0;
  background: transparent url(/img/lyt/menuTop.gif) no-repeat;
  margin: 0px;
  padding: 0px;
  border-bottom: none;
}
#menu div.menuBottom
{
  width: 250px;
  height: 10px;
  font-size: 0;
  background: transparent url(/img/lyt/menuBottom.gif) no-repeat;
  margin: 0px;
  padding: 0px;
  border-bottom: none;
}
#menu div.menuContent
{
  width: 250px;
  background: transparent url(/img/lyt/menuBg.gif) repeat-y;
  margin: 0px;
  padding: 0px 1px;
  border-bottom: none;
}
.cssSelect
{
  width: 248px;
  margin: 0px;
  padding: 0px;
  border: none;
}
.cssSelect ul
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
.cssSelect li
{
  position: relative;
  list-style-type: none;
  color: #1f2322;
  background-color: transparent;
}
.cssSelect table
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  font-size: 1em;
  border-collapse: collapse;
}
.cssSelect a.main,
.cssSelect a.main:link,
.cssSelect a.main:visited
{
  display: block;
  width: 218px;
  height: 25px;
  line-height: 25px;
  color: #ef8e12;
  background-color: #f1ece5;
  text-decoration: none;
  margin: 0px;
  padding: 0px 15px;
  border: none;
  border: 1px solid #d4ccc0;
  border-width: 1px 0px 0px 0px;
}
.cssSelect a.sub,
.cssSelect a.sub:link,
.cssSelect a.sub:visited
{
  display: block;
  height: 25px;
  line-height: 25px;
  color: #ef8e12;
  background-color: #f1ece5;
  text-decoration: none;
  margin: 0px;
  padding: 0px 15px;
  border: 1px solid #d4ccc0;
  border-width: 1px 1px 0px 1px;
}
.s100
{
  width: 100px;
}
.s150
{
  width: 150px;
}
.s200
{
  width: 200px;
}
.s210
{
  width: 210px;
}
.s215
{
  width: 215px;
}
.s220
{
  width: 220px;
}
.s230
{
  width: 230px;
}
.s240
{
  width: 240px;
}
.s250
{
  width: 250px;
}
.s260
{
  width: 260px;
}
.s270
{
  width: 270px;
}
.s280
{
  width: 280px;
}
.s290
{
  width: 290px;
}
.s300
{
  width: 300px;
}
.s310
{
  width: 310px;
}
.s320
{
  width: 320px;
}
* html .cssSelect a.main:hover,
* html .cssSelect a.main:focus,
* html .cssSelect a.sub:hover,
* html .cssSelect a.sub:focus
{
  color: #2b6999;
  background-color: #d7d1c9;
}
.cssSelect :hover > a.main,
.cssSelect :hover > a.sub
{
  color: #2b6999; 
  background-color: #d7d1c9;
}
.cssSelect ul ul
{
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 248px;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
.cssSelect ul li:hover ul,
.cssSelect ul a:hover ul
{
  visibility: visible;
}


/* ********************************************************************** */
/* content box ********************************************************** */
/* ********************************************************************** */
#content
{
  float: right;
  width: 706px;
  min-height: 300px;
  height: auto !important;  /* für moderne Browser */
  height: 300px;            /* für den IE */
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #656d73;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content[id]
{
  width: 708px;
}


/* ********************************************************************** */
/* footer boxes ********************************************************* */
/* ********************************************************************** */
#footerLtr
{
  width: 940px;
  height: 19px;
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  text-align: right;
  color: #6c6660;
  background: url(/img/lyt/footerLtr.gif) no-repeat;
  margin: 0px;
  padding: 1px 20px 0px 20px;
  border: none;
}
#footerRtl
{
  width: 940px;
  height: 19px;
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  text-align: left;
  color: #6c6660;
  background: url(/img/lyt/footerRtl.gif) no-repeat;
  margin: 0px;
  padding: 1px 20px 0px 20px;
  border: none;
}
#footerLinksLtr
{
  width: 940px;
  height: 19px;
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  text-align: right;
  color: #6c6660;
  background: transparent;
  margin: 0px;
  padding: 1px 20px 0px 20px;
  border: none;
}
#footerLinksRtl
{
  width: 940px;
  height: 19px;
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  text-align: left;
  color: #6c6660;
  background: transparent;
  margin: 0px;
  padding: 5px 20px 10px 20px;
  border: none;
}
a.footerLinksLtr,
a.footerLinksLtr:link,
a.footerLinksLtr:visited,
a.footerLinksLtr:active
{
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  color: #ef8e12;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
a.footerLinksLtr:hover,
a.footerLinksLtr:focus
{
  color: #2b6999;
  background-color: transparent;
  text-decoration: underline;
}
a.footerLinksRtl,
a.footerLinksRtl:link,
a.footerLinksRtl:visited,
a.footerLinksRtl:active,
a.footerLinksRtl:hover,
a.footerLinksRtl:focus
{
  display: block;
  float: left;
  width: 30px;
  height: 38px;
  color: #ffffff;
  background-color: transparent;
  text-align: center;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
a.footerLinksRtl:hover,
a.footerLinksRtl:focus
{
  color: #2b6999;
  background-color: transparent;
  text-decoration: underline;
}


/* ********************************************************************** */
/* content layout ******************************************************* */
/* ********************************************************************** */
#content h1
{
  font: normal normal bold 13px/24px Verdana, Arial, Helvetica, sans-serif;
  color: #656d73;
  background-color: transparent;
  margin: 20px 20px 0px 20px;
  padding: 0px;
  border-bottom: 1px solid #656d73;
}
#content h2
{
  font: normal normal bold 13px/24px Verdana, Arial, Helvetica, sans-serif;
  color: #656d73;
  background-color: transparent;
  margin: 20px 20px 0px 20px;
  padding: 0px;
  border: none;
}
#content h2.msgTitle
{
  font: normal normal bold 13px/24px Verdana, Arial, Helvetica, sans-serif;
  color: #656d73;
  background-color: transparent;
  margin: 25px 20px 0px 20px;
  padding: 0px;
  border-bottom: 1px solid #656d73;
}
#content p
{
  margin: 10px 20px 0px 20px;
  padding: 0px;
  border: none;
}
#content table
{
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  color: #656d73;
  background-color: transparent;
  margin: 30px 20px 0px 20px;
  padding: 0px;
  border-collapse: collapse;
  border: none;
}
#content td
{
  padding: 4px;
}
#content td.climate
{
  width: 120px;
  text-align: center;
  padding: 4px;
}
#content td.timescaleLeft
{
  width: 50px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 4px 4px 4px 0px;
}
#content td.timescaleRight
{
  width: 607px;
  text-align: left;
  vertical-align: top;
  padding: 4px 0px 4px 4px;
}
#content ul
{
  clear: both;
  list-style-type: none;
  margin: 25px 20px;
  padding: 0px;
  border: none;
}
#content ul li
{
  float: left;
  width: 250px;
  margin: 0px;
  padding: 0px 20px 0px 0px;
  border: none;
}
#content ul li p
{
  text-align: center;
  margin: 0px;
  padding: 2px 0px;
  border: none;
}
#content ul.h24
{
  clear: both;
  list-style-type: none;
  margin: 10px 20px 40px 20px;
  padding: 0px;
  border: none;
}
#content ul.h24 li.h24
{
  float: left;
  width: 75px;
  margin: 0px;
  padding: 0px 8px 8px 0px;
  border: none;
}
#content ul.h24 li.h24 p.h24
{
  text-align: center;
  margin: 0px;
  padding: 0px 0px 5px;
  border: none;
}
#content ul.twoWeeks
{
  clear: both;
  list-style-type: none;
  margin: 10px 20px 40px 20px;
  padding: 0px;
  border: none;
}
#content ul.twoWeeks li.twoWeeks
{
  float: left;
  width: 84px;
  margin: 0px;
  padding: 0px 10px 10px 0px;
  border: none;
}
#content ul.twoWeeks li.twoWeeks p.twoWeeks
{
  text-align: center;
  margin: 0px;
  padding: 0px 0px 5px;
  border: none;
}
#content a,
#content a:link,
#content a:visited,
#content a:active
{
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  color: #ef8e12;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a:hover,
#content a:focus
{
  color: #2b6999;
  background-color: transparent;
}
#content a.bold,
#content a.bold:link,
#content a.bold:visited,
#content a.bold:active
{
  font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif;
  color: #ef8e12;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a.bold:hover,
#content a.bold:focus
{
  color: #2b6999;
  background-color: transparent;
}
#content a.imgDesc,
#content a.imgDesc:link,
#content a.imgDesc:visited,
#content a.imgDesc:active
{
  font: italic normal normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #ef8e12;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a.imgDesc:hover,
#content a.imgDesc:focus
{
  color: #2b6999;
  background-color: transparent;
}
#content a.imgSlides,
#content a.imgSlides:link,
#content a.imgSlides:visited,
#content a.imgSlides:active
{
  font: italic normal bold 34px Verdana, Arial, Helvetica, sans-serif;
  color: #ef8e12;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a.imgSlides:hover,
#content a.imgSlides:focus
{
  color: #2b6999;
  background-color: transparent;
}
#content div.imgLeft
{
  float: left;
  text-align: center;
  margin: 15px 20px 20px;
  padding: 0px;
  border: none;
}
#content img.left
{
  float: left;
  margin: 15px 20px 20px;
  padding: 0px;
  border: none;
}
#content img.right
{
  float: right;
  margin: 15px 20px 20px;
  padding: 0px;
  border: none;
}
#content div.imgRight
{
  float: right;
  text-align: center;
  margin: 15px 20px 20px;
  padding: 0px;
  border: none;
}
#content div.imgCenter
{
  text-align: center;
  margin: 20px;
  padding: 0px;
  border: none;
}


/* ********************************************************************** */
/* advertising content container (Skyscraper Right) ********************* */
/* ********************************************************************** */
#content #adsSkyscraperRightContainer
{
  float: right;
  background-color: #f4f0e9;
  margin: 20px;
  padding: 0px;
  border: 1px solid #d4ccc0;
}
#content #adsSkyscraperRightTitle
{ 
  width: 100%;
  height: 19px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #d4ccc0;
}
#content #adsSkyscraperRightContent
{
  height: 600px;
  margin: 0px;
  padding: 0px;
  border: none;
}


/* ********************************************************************** */
/* advertising content container (CAD Left or Right) ******************** */
/* ********************************************************************** */
#content #adsCadLeftContainer
{
  float: left;
  width: 300px;
  height: 270px;
  background-color: #f4f0e9;
  margin: 20px;
  padding: 0px;
  border: 1px solid #d4ccc0;
}
#content #adsCadRightContainer
{
  float: right;
  width: 300px;
  height: 270px;
  background-color: #f4f0e9;
  margin: 20px;
  padding: 0px;
  border: 1px solid #d4ccc0;
}
#content #adsCadTitle
{
  width: 300px;
  height: 19px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #d4ccc0;
}
#content #adsCadContent
{
  width: 300px;
  height: 250px;
  margin: 0px;
  padding: 0px;
  border: none;
}


/* ********************************************************************** */
/* advertising content container (Google Ads Full Banner) *************** */
/* ********************************************************************** */
#content #adsGoogleFullBanner
{
  width: 486px;
  height: 60px;
  margin: 40px auto 20px;
  padding: 0px;
  border: none;
}


/* ********************************************************************** */
/* advertising content container (Google Ads Skyscraper Right) ********** */
/* ********************************************************************** */
#content #adsGoogleSkyscraperRightContainer
{
  float: right;
  margin: 20px;
  padding: 0px;
  border: none;
}
#content #adsSkyscraperRightContent
{
  height: 600px;
  margin: 0px;
  padding: 0px;
  border: none;
}


/* ********************************************************************** */
/* debug layout ********************************************************* */
/* ********************************************************************** */
pre
{
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  color: #1f2322;
  background-color: #ffffff;
  margin: 10px;
  padding: 0px;
}


/* ********************************************************************** */
/* weathercard lite ***************************************************** */
/* ********************************************************************** */


div.weathercard-lite {
	width: 346px;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	
	background-color: #FFFFFF;

	font-family: verdana;
	font-size:13px;
}

div.wc-lite-info-left {
	height: 137px;
	width: 143px;
	
	padding-top: 3px;
	margin: 0px;
	
	border: solid;
	border-top: none;
	border-right: none;
	border-width: 1px;
	border-color: #BFBFBF;
	
	background-color: #EDEDED;
	text-align: center;
	
	float: left;
	
	_width: 146px;
}

div.wc-lite-info-right {
	height: 140px;
	width: 200px;
	
	padding: 0px;
	margin: 0px;
	
	border: solid;
	border-top: none;
	border-width: 1px;
	border-color: #BFBFBF;
	
	background-color: #EDEDED;
	
	text-align: center;
	font-size: 11px;
	
	float: right;
	
	_height: 137px;
}

div.wc-lite-data {
	clear: left;
	
	padding-bottom: 0px;
	margin-bottom: 0px;
	
	border: solid;
	border-top: none;
	border-bottom: none;
	border-width: 1px;
	border-color: #BFBFBF;
	
	_padding-left: 2px;
}

div.wc-lite-data-left {
	height: 29px;
	width: 212px;
	
	border: solid;
	border-top: none;
	border-left: none;
	border-width: 1px;
	border-color: #BFBFBF;
	
	text-align: right;
	color: #595959;
	
	font-size: 12px;
	float: left;
}

div.wc-lite-data-right {
	height: 29px;
	width: 131px;
	
	padding: 0px;
	
	border: solid;
	border-left: none;
	border-right: none;
	border-top: none;
	border-width: 1px;
	border-color: #BFBFBF;
	
	text-align: center;
	color: #000000;
	
	font-size: 13px;
	float: right;
}

div.wc-lite-switch-btn {
	height: 21px;

	padding-bottom: 0px;
	margin: 2px;
	
	border: solid;
	border-width: 1px;
	border-color: #ACACAC;
	
	background-color: #F5F5F5;
	
	font-size: 11px;
	
	_width: 300px;
}

/* ********************************************************************** */
/* weathercard ********************************************************** */
/* ********************************************************************** */

/* Weathercard - general config */
div.weathercard {
	width: 675px;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	
	background-color: #FFFFFF;

	font-family: verdana;
}

/* Weathercard - info panel config */
div.wc-info {
	height:135px;
		
	border: 1px solid #BFBFBF;
	border-top: none;
	background-color: #EDEDED;
	
	padding: 5px;
	text-align: center;
	
	font-size: 12px;
	
	_padding: 5px;
}

div.wc-info-left {
	width: 135px;
	float: left;
	
	_margin-right: -4px;
	_width: 138px;
	_height: 138px;
}

div.wc-info-right {	
	width: 250px;
	float: right;
	
	_margin-left: -3px;
	_width: 255px;
	_height: 143px;
}



/* Weathercard - data panel config */
div.wc-data {
	clear: left;
	
	padding-bottom: 0px;
	margin-bottom: 0px;
	
	border: solid;
	border-top: none;
	border-bottom: none;
	border-width: 1px;
	border-color: #BFBFBF;
}

/* Weathercard - white tr config */
div.wc-whitebg {
	background-color: #FFFFFF;
}

/* Weathercard - grey tr config */
div.wc-greybg {
	background-color: #E1D9C8;
}

/* Weathercard - data title config */
div.wc-data-title {
	border: solid;
	border:1px solid #BFBFBF;
	
	text-align: center;
	color: #595959;
	
	height: 29px;
	
	background-color: #FFFFFF;
	
	font-size: 14px;
	
	margin: 2px;
}

/* Weathercard - data left td config */
div.wc-data-left {
	margin: 0px;
	
	border: solid;
	border-top: none;
	border:1px solid #BFBFBF;
	
	text-align: right;
	color: #595959;
	
	height: 27px;
	width: 195px;
	
	font-size: 11px;
}

/* Weathercard - data right td config */
div.wc-data-right {
	padding: 0px;
	margin: 0px;
	
	border: solid;
	border-width: 1px;
	border-color: #BFBFBF;
	
	text-align: center;
	color: #000000;
	
	height: 27px;
	width: 135px;
	
	font-size: 12px;
	
	_border-left:0px;
}

div.wc-obr {
	border-right-color: #FFA200;
	border-right-width: 2px;
}

div.wc-obl {
	border-left-color: #FFA200;
	border-left-width: 2px;
}

/* Weathercard - graph config */
div.wc-graph {
	clear: left;
	
	padding-bottom: 0px;
	margin-bottom: 0px;
	
	border: solid;
	border-top: none;
	border-width: 1px;
	border-color: #BFBFBF;
	border-bottom-color: #FFB100;
	
	_padding-bottom: 2px;
}

div.wc-graph-title {
	height: 23px;
	width: 667px;
	
	padding-top: 5px;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
	
	border: solid;
	border-width: 1px;
	border-color: #BFBFBF;
	
	color: #595959;
	font-size: 14px;
	
	background-color: #FFFFFF;
	
	_height: 29px;
	_width: 669px;
	_margin-left: -1px;
}

div.wc-graph-config {
	height: 17px;
	width: 667px;
	
	padding-top: 3px;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-top: 0px;
	
	border: solid;
	border-width: 1px;
	border-color: #BFBFBF;
	
	color: #595959;
	font-size: 11px;
	
	background-color: #FFFFFF;
	
	_height: 19px;
	_width: 669px;
	_margin-left: -1px;
}

/* Weathercard - graph control config */
div.wc-btn-active {
	height: 27px;
	width: 131px;
	
	margin-bottom: 2px;
	
	border: solid;
	border-width: 1px;
	border-color: #BFBFBF;
	
	color: #595959;
	font-size: 11px;
	
	background-color: #FFFFFF;
	
	_width: 133px;
	_margin-bottom: 0px;
}

div.wc-btn-inactive {
	height: 27px;
	width: 133px;
	
	margin-bottom: 2px;
	
	border: solid;
	border-width: 1px;
	border-color: #BFBFBF;
	
	color: #595959;
	font-size: 11px;
	
	background-color: #E1D9C8;
	
	_width: 134px;
	_margin-bottom: 0px;
}

/* Weathercard - graph img config */
img.wc-graph {
	padding: 0px;
	margin: 0px 2px 2px 2px;
	border: solid 1px #BFBFBF;
	border-bottom: solid 2px #FFA200;
	
	_margin-bottom: -1px;
}

/* Weathercard - bottom config */
div.wc-bottom {
	padding-top: 2px;
	margin: 0px;

	border: none;
	overflow: hidden;
	background-repeat: no-repeat;
	
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
	
	width: 675px;
	height: 18px;
}

div.wc-switch-btn {
	height: 27px;
	width: 667px;
	
	margin-left:2px; 
	margin-bottom: 2px;
	
	border: solid;
	border-width: 1px;
	border-color: #BFBFBF;
	
	color: #595959;
	font-size: 11px;
	
	background-color: #E1D9C8;
	
	_width: 669px;
	_margin-left: -1px;
	_margin-bottom: 0px;
}

p.wc-copyright {
	top: -29px;
	position: relative; 
	z-index: 1;
	
	font-family: verdana; 
	font-size: 10px; 
	
	color:#F0F0F0;
	
	_top: -35px;
}


/* Weathercard - link color config */
#content a.weathercard { font-size:11px; color:#595959; text-decoration:none; }
#content a.weathercard:link { color:#595959; text-decoration:none; }
#content a.weathercard:visited { color:#595959; text-decoration:none; }
#content a.weathercard:hover { color:#595959; text-decoration:none; }
#content a.weathercard:active { color:#595959; text-decoration:none; }