/* layout */
html, body
{
  height:100%;
  width:100%;
  padding:0;
  margin:0;      
}
body
{

  padding:0;
  margin:0;
  font-family:arial;
  font-size:11px;
}
#bgtable
{
  left:0px;
  top:0px;
  right:0px;
  bottom:0px;
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  position:absolute;
}
.hidden{
visibility:hidden;
}
#footerline
{
  width:900px;
  height:3px;
  background:url(../images/layout/footerline.jpg) no-repeat;
}
#bottombg
{
  width:100%;
  height:202px;
  padding:0;
  margin:0;
  bottom:0px;
}
#bottomtable
{
  width:900px;
}
#upperbg
{
  width:100%;
  height:250px;
  padding:0;
  margin:0;
  z-index:1;
  background:url(../images/layout/upperbg.jpg) repeat-x;
  background-position:top;
}
#framediv
{
  width:900px;
  position:relative;
  z-index:2;
}
  #header
  {
    width:900px;
    height:331px;
    background:url(../images/layout/header.jpg) no-repeat;
  }
    #ylapalkki
    {
      width:900px;
      height:104px;
      float:left;
    }
    #bannerarea
    {
      width:900px;
      height:227px;
    }
      #bannertext
      {
        width:322px;
        height:227px;
        float:left;
      }
      #bannerimage
      {
        width:578px;
        height:227px;
        float:left;
    
      }
      #bannerimagewrapper
      {
      width:541px;
      height:194px;
      margin:0px 21px;
      padding:0px;
      float:right;
      position:absolute;
      }
  #center
  {
    width:900px;
    height:auto;
  }
    #left
    {
      width:234px;
      height:auto;
      float:left;
      position:realtive;
    }
      #navi
      {
        padding-left:15px;
        width:auto;
        height:auto;
      }
        .navielement
        {
          width:219px;
          height:25px;
          float:left;
        }
          .navibox_one
          {
            width:14px;
            height:25px;
            float:left;
            background:url(../images/layout/naviboxone_hover.jpg) no-repeat;
          }
          .navibox_two
          {
            width:14px;
            height:25px;
            float:left;
            background:url(../images/layout/naviboxtwo_hover.jpg) no-repeat;
          }
          .navibox_three
          {
            width:14px;
            height:25px;
            float:left;
            background:url(../images/layout/naviboxthree_hover.jpg) no-repeat;
          }
          .navili
          {
            width:205px;
            height:25px;
            float:left;
            background:url(../images/layout/navilibg.jpg) no-repeat;
          }
    #right
    {
      width:666px;
      width:auto;
      float:left;
      position:realtive;
    }
      #content
      {
        width:640px;
        height:auto;
        padding:10px;
      }
  #bottombg h1
  {
    font-size:16px;
    font-weight:normal;
    padding:0px;
    margin:0px;
    color:#333;
  }
  #bottombg h2
  {
    font-size:14px;
    font-weight:normal;
    padding:0px;
    margin:0px;
    color:#666;
  }
  #bottombg a
  {
    font-size:15px;
    font-weight:normal;
    padding:0;
    margin:0;
    color:#ff9933;
    text-decoration:none;
  }
   #bottombg a:hover
  {
    font-size:15px;
    font-weight:normal;
    padding:0;
    margin:0;
    color:#ff6600;
    text-decoration:none;
  }
      
/* end of layout */          
      
/* tekstit */
img
  {
  border:none;
  }

#header p
{
  font-size:12px;
  color:#666;
  font-family:arial;
  padding:0;
  margin:0;
  text-align: left;
}

#content h1, #content h2, #content h3, #header h3
  {
  font-size:16px;
  font-family:arial;
  color:#00907e;
  padding:0;
  margin:0;
  }
#content p
  {
  font-size:11px;
  color:#333;
  font-family:arial;
  padding:0;
  margin:0;
  }
/* end of tekstit */


/* accordion menu styles */

ul#menulist, ul#menulist ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
  float:left;
}

ul#menulist a, div#menu a {
  text-decoration:none;
  cursor:pointer;
}

.headnavigation
{
  text-decoration:none;
  font-weight:normal;
  padding-top:5px;
}


/* end of accordion menu styles */

/* calendar */

#calendarheader
  {
  width:100%;
  height:100px;
  }
  #calendarheader h1, #taulu h1
    {
    color:#00907e;
    font-size:17px;
    font-weight:bold;
    padding:0;
    margin:0;
    }
  #calendarheader h2
    {
    color:#00907e;
    font-weight:normal;
    font-size:14px;
    padding:0;
    margin:0;
    }
  #calendarheader h3, #taulu h3, #calendarbottom h3
    {
    color:#00907e;
    font-weight:normal;
    font-size:14px;
    padding:0;
    margin:0;
    }
  #calendarbottom p
  {
    color:#666;
    padding:2;
    margin:2px;
    font-size:14px;
  }
  #taulu h4
  {
    color:#8cc63f;
    font-weight:normal;
    font-size:14px;
    padding:0;
    margin:0;
    
  }
#calendarbottom
  {
  width:100%;
  height:auto;
  }
  #calendarbottomleft
    {
    width:478px;
    height:auto;
    float:left;
    }
  #calendarbottomright
    {
    width:162px;
    height:auto;
    float:left;
    text-align:right;
    }

.tyhja {
  background-color: #c4df9b;
  font-size: 10px; font-family: Tahoma;
  width:55px;
  height:53px;
  border:1px solid #e2efcd;
 }
.viikko_normi
  {
  font-size: 16px; 
  font-family: Arial;
  color:#00907e;
  width:auto;
  height:20px;
  background-color: #e1efcd;
  border:1px solid #f0f7e6;
  }
.viikko_varattu
  {
  font-size: 16px; 
  font-family: Arial;
  color:#00907e;
  width:auto;
  height:20px;
  background:url(../images/layout/calendar/viikko_varattu.jpg) repeat-x;
  border:1px solid #f0f7e6;
  }

.no_colors
 {
    background-color: #fff;
 }
.daynames
 {
  background:url(../images/layout/calendar/daysbg.jpg) repeat-x #fff;
  background-position:bottom;
  height:30px;
 }

.normi {
  font-size: 16px; 
  font-family: Arial;
  color:#00907e;
  width:55px;
  height:53px;
  background-color: #e1efcd;
  border:1px solid #f0f7e6;
}


.tanaan {
  font-size: 16px; 
  font-family: Arial;
  color:#cc0000;
  border: 1px solid #FF0000;
}
.varattu
  {
  background: url(../images/layout/calendar/varattu.jpg) repeat-x;
  background-position:middle;
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border:1px solid #f0f7e6;
  }
.varattutanaan
  {
  background: url(../images/layout/calendar/varattu.jpg) repeat-x;
  background-position:middle; 
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border: 1px solid #FF0000;
  }
.varattu_first
  {
  background: url(../images/layout/calendar/varattu_first.jpg) no-repeat;
  background-position:middle;
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border:1px solid #f0f7e6;
  }
.varattu_both
  {
  background: url(../images/layout/calendar/varattu_both.jpg) no-repeat;
  background-position:middle;
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border:1px solid #f0f7e6;
  }  
.varattu_last
  {
  background: url(../images/layout/calendar/varattu_last.jpg) no-repeat;
  background-position:middle;
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border:1px solid #f0f7e6;
  }
.varattu_firsttanaan
  {
  background: url(../images/layout/calendar/varattu_first.jpg) no-repeat;
  background-position:middle;
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border: 1px solid #FF0000;
  }
.varattu_bothtanaan
  {
  background: url(../images/layout/calendar/varattu_both.jpg) no-repeat;
  background-position:middle;
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border: 1px solid #FF0000;
  }  
.varattu_lasttanaan
  {
  background: url(../images/layout/calendar/varattu_last.jpg) no-repeat;
  background-position:middle;
  color:#00907e;
  font-size: 16px; 
  font-family: Arial;
  width:55px;
  height:53px;
  border: 1px solid #FF0000;
  }
  
  
/* ------------------------------------------------------------------------------------------------------------------------------------- */
                .viikko_nocando
                {
                font-size: 16px; 
                font-family: Arial;
                color:#00907e;
                width:auto;
                height:20px;
                background:url(../images/layout/calendar/viikko_nocando.jpg) repeat-x;
                border:1px solid #f0f7e6;
                }
  
  
                .kk_nocando_tanaan
                {
                background: url(../images/layout/calendar/kk_nocando.jpg) repeat-x;
                background-position:middle; 
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border:1px solid #f0f7e6;
                }
              .kk_nocando_first
                {
                background: url(../images/layout/calendar/kk_nocando_first.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border:1px solid #f0f7e6;
                }
              .kk_nocando_both
                {
                background: url(../images/layout/calendar/kk_nocando_both.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border:1px solid #f0f7e6;
                }  
              .kk_nocando_last
                {
                background: url(../images/layout/calendar/kk_nocando_last.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border:1px solid #f0f7e6;
                }
              .kk_nocando_firsttanaan
                {
                background: url(../images/layout/calendar/kk_nocando_first.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border: 1px solid #FF0000;
                }
              .kk_nocando_bothtanaan
                {
                background: url(../images/layout/calendar/kk_nocando_both.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border: 1px solid #FF0000;
                }  
              .kk_nocando_lasttanaan
                {
                background: url(../images/layout/calendar/kk_nocando_last.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border: 1px solid #FF0000;
                }
              .kk_nocando_varattunext
                {
                background: url(../images/layout/calendar/kk_nocando_varattunext.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border:1px solid #f0f7e6;
                }
              .kk_nocando_varattuprev
                {
                background: url(../images/layout/calendar/kk_nocando_varattuprev.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border:1px solid #f0f7e6;
                }
              .kk_nocando_varattunexttanaan
                {
                background: url(../images/layout/calendar/kk_nocando_varattunext.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border: 1px solid #FF0000;
                }
              .kk_nocando_varattuprevtanaan
                {
                background: url(../images/layout/calendar/kk_nocando_varattuprev.jpg) no-repeat;
                background-position:middle;
                color:#00907e;
                font-size: 16px; 
                font-family: Arial;
                width:55px;
                height:53px;
                border: 1px solid #FF0000;
                }


/* ----------------------------------------------------------------------------------------------------------------------------------------- */

#taulu {
  width:488px;
    background-color: #e1efcd;
}

#taulu a
{
	color : #00907e;
}

td.days
{
  
}
.left
{
  background:url(../images/layout/calendar/left.jpg) repeat-y #fff;
  background-position:right;
  text-align:right;
  width:61px;
  height:100%;
}
.right
{
  background:url(../images/layout/calendar/right.jpg) repeat-y;
  width:55px;
  height:100%;
}
.upperleft
{
  background:url(../images/layout/calendar/upperleft.jpg) no-repeat #fff;
  background-position:bottom;
  width:60px;
  height:100%;
}
.upperright
{
  background:url(../images/layout/calendar/upperright.jpg) no-repeat #fff;
  background-position:bottom;
  width:55px;
  height:100%;
}
.lowerleft
{
  background:url(../images/layout/calendar/lowerleft.jpg) no-repeat #fff;
  background-position:top;
  width:60px;
  height:100%;
}
.lowerright
{
  background:url(../images/layout/calendar/lowerright.jpg) no-repeat #fff;
  background-position:top;
  width:55px;
  height:100%;
}
.bottombg
{
  background:url(../images/layout/calendar/bottombg.jpg) repeat-x #fff;
  background-position:top;
  height:100%;
}

.puuttuva
{
  background : #FFE385;
}

/* end of calendar */

.firstlevel
  {
  text-transform:uppercase;
  color: #333;
  font-size:11px;
  }
.secondlevel
  {
  text-transform:uppercase;
  color:#00907E;
  font-size:11px;
  }
.thirdlevel
  {
  color: #333;
  font-size:11px;
  }