@charset "utf-8";


/* ********************************************************************** */
/* common page layout *************************************************** */
/* ********************************************************************** */
body
{
  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.topLarge
{
  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.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;
}
.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;
}


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


/* ********************************************************************** */
/* top boxes ************************************************************ */
/* ********************************************************************** */
#top
{
  width: 980px;
  height: 39px;
  background: #f2f2f2 url(/img/lyt/top.jpg) no-repeat;
  margin: 0px;
  padding: 0px;
  border: none;
}
#topLarge
{
  width: 100%;
  height: 39px;
  background: #f2f2f2 url(/img/lyt/topLargeBg.gif) repeat-x;
  margin: 10px 0px 0px 0px;
  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;
}


/* ********************************************************************** */
/* advertising content container (Big Banner) *************************** */
/* ********************************************************************** */
#adsContainer
{
  width: 958px;
  background: #d9e6d1;
  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;
}
#adsContainerTopLarge
{
  width: 100%;
  background: #d9e6d1;
  margin: 0px;
  padding: 10px;
  border-left: 1px solid #d4ccc0;
  border-right: 1px solid #d4ccc0;
  border-bottom: 1px solid #d4ccc0;
}
#adsContainerTopLarge div.bigBannerAdTopLarge
{
  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
{
  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;
}
  

/* ********************************************************************** */
/* 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: url(/img/lyt/container.gif) no-repeat;
  margin: 0px;
  padding: 0px;
  border-left: 1px solid #d4ccc0;
  border-right: 1px solid #d4ccc0;
}


/* ********************************************************************** */
/* menu box ************************************************************* */
/* ********************************************************************** */
#menu
{
  float: left;
  z-index: 40000;
  width: 250px;
  height: 385px;
  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;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #047c01;
  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;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #047c01;
  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;
}
.s400
{
  width: 400px;
}
.s410
{
  width: 410px;
}
* html .cssSelect a.main:hover,
* html .cssSelect a.main:focus,
* html .cssSelect a.sub:hover,
* html .cssSelect a.sub:focus
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #dae5f0;
  background-color: #047c01;
}
.cssSelect :hover > a.main,
.cssSelect :hover > a.sub
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #dae5f0; 
  background-color: #047c01;
}
.cssSelect ul ul
{
  z-index: 40001;
  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;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  color: #656d73;
  background-color: #f4f0e9;
  margin: 0px;
  padding: 0px;
  border: none;
  width: 706px;
  min-height: 405px;
  height: auto !important;  /* für moderne Browser */
  height: 405px;            /* für den IE */
}
#content[id]
{
  width: 708px;
}


/* ********************************************************************** */
/* footer boxes ********************************************************* */
/* ********************************************************************** */
#footer
{
  width: 940px;
  height: 19px;
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  text-align: right;
  color: #6c6660;
  background: #f4f0e9 url(/img/lyt/footer.gif) no-repeat;
  margin: 0px;
  padding: 1px 20px 0px 20px;
  border: none;
}
#footerLinks
{
  width: 940px;
  height: 19px;
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  text-align: right;
  color: #047c01;
  background: transparent;
  margin: 0px;
  padding: 1px 20px 0px 20px;
  border: none;
}
a.footerLinks,
a.footerLinks:link,
a.footerLinks:visited,
a.footerLinks:active
{
  font: normal normal normal 10px/19px Arial, Helvetica, sans-serif;
  color: #047c01;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
a.footerLinks:hover,
a.footerLinks:focus
{
  color: #047c01;
  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 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: #047c01;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a:hover,
#content a:focus
{
  color: #2b9e28;
  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: #047c01;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a.bold:hover,
#content a.bold:focus
{
  color: #2b9e28;
  background-color: transparent;
}
#content a.f11,
#content a.f11:link,
#content a.f11:visited,
#content a.f11:active,
#content a.f11:focus
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #047c01;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
  outline: 0;
}
#content a.f11:hover
{
  color: #2b9e28;
  background-color: transparent;
  outline: 0;
}
#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 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: #047c01;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a.imgDesc:hover,
#content a.imgDesc:focus
{
  color: #2b9e28;
  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: #047c01;
  background-color: transparent;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
#content a.imgSlides:hover,
#content a.imgSlides:focus
{
  color: #2b9e28;
  background-color: transparent;
}



/* ********************************************************************** */
/* 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;
}


/* ********************************************************************** */
/* image gallery ******************************************************** */
/* ********************************************************************** */
#content #gallery
{
  display: none;
  width: 660px;
  height: 440px;
  margin: 20px auto 20px;
  padding: 3px;
  border: 1px solid #d4ccc0;
}


/* ********************************************************************** */
/* 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: 148px;
  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: 151px;
  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:143px;
    
  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: 143px;
  float: left;
  
  _margin-right: -4px;
  _width: 138px;
  height: 143px;
}

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: #869880;
  border-right-width: 2px;
}

div.wc-obl {
  border-left-color: #869880;
  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: #2b8e0b;
  
  _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; }


/* ********************************************************************** */
/* forecasts ************************************************************ */
/* ********************************************************************** */
#content .forecast
{
  float: left;
  display: block;
  width: 200px;
}
#content .fDate
{
  width: 80px;
  padding-left: 10px;
}
#content .fImg
{
  width: 35px;
  padding-left: 7px;
  padding-right: 8px;
}
#content .fDesc
{
  width: 250px;
}
#content .fDesc
{
  width: 250px;
}

#content .forecasts
{
  width: 668px;
  position: relative;
  overflow: hidden;
  margin: 0px 20px;
  padding: 0px;
  border: none;

}
#content .collapse table.forecast
{
  padding: 0px;
  text-align: left;
}
#content #switch, #content p.switch
{
  margin-bottom: 10px;
  text-align:right
}


#content div.expand 
{
  clear: both;
  background: transparent;
  height: 27px;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
}

#content .expand a:link,
#content .expand a:visited
{
  text-decoration: none;
  color: #656d73;
  background: #dddddd;
  height: 25px;
  line-height: 25px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #cccccc;
  border-width: 0 0 1px;
  outline: 0;
}
#content .expand a:hover,
#content .expand a:active,
#content .expand a:focus
{
  text-decoration: none;
  border-style: solid;
  color: #656d73;
  background-color: #f0f0f0;
  outline: 0 none;
}
#content .expand a
{
  display: block;
  text-decoration: none;
  padding: 2px 0px;
  height: 25px;
  line-height: 25px;
}
#content .expand a:link,
#content .expand a:visited
{
  border-width: 1px;
  text-decoration: none;
  background-image: url(../img/lyt/arrow-down.gif);
  background-repeat: no-repeat;
  background-position: 98% 50%;
}
#content .expand a.open:link,
#content .expand a.open:visited
{
  color: #4e5255;
  text-decoration: none;
  border-style: solid;
  border-color: #a4a4a4;
  background: #bbbbbb url(../img/lyt/arrow-up.gif) no-repeat 98% 50%;
}

#content table.forecast
{
  width: 640px;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  color: #656d73;
  background-color: transparent;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border-collapse: collapse;
  border: none;
}
#content table.forecast td
{
  padding: 4px;
}
#content table.forecast td.fLeft
{
  width: 132px;
}
#content table.forecast td.fDesc
{
  width: 246px;
  padding-left: 0px;
}
#content table.forecast td.fText
{
  width: 242px;
}