span.murupolku {

margin-top: 20px;

margin-bottom: 20px;

margin-left: 10px;

color: #8b9496;



}



h1.brand {

font-family: arial, sans-serif;

float: right;

color: white;

margin-top: 105px;

margin-right: 45px;

font-size: 20px;

text-shadow: 0.1em 0.1em #333

}



a.topics {

text-decoration: none;

font-size: 10px;

color: #000000;

}



a.topics:hover {

text-decoration: underline;

}





p.newsInfo

{

margin-top: 10px;

color: #000000;

text-align:left;

font-family: verdana, arial, sans-serif;

font-size: 10px;

margin-left: 25px;



}



tr {

 border-width: 0px;

}



td {

 border-width: 0px;

}



div.kale {

float: left;

width: 100%;

}



#navi  {

color: #ffffff;

font-family: verdana;

font-size: 9px;

text-decoration: none;





}



#navi a {

vertical-align: bottom;

 color: white;

   font-family: arial;

   font-weight: bold;

   text-decoration: none;



}





#navi  span.links {

position: absolute;

margin-top: 18px;

margin-left: 20px;

vertical-align: bottom;



}







#greeting {

 font-family: arial;

 position: relative;

 margin-left: 300px;

 font-size: 11px;



 

}



#info {

 font-family: arial;

 position: relative;

 font-size: 11px;

 margin-left: 30px;

 line-height: 1.5;



 

}



#infotable th{

 font-family: arial;

 position: relative;



 font-size: 11px;

 line-height: 1.5;

 text-align: left;

color: #1f1c50;

 letter-spacing: 1.5px;

 font-weight: bold;



 

}



#infotable table{

 font-family: arial;



 font-size: 11px;

 color: grey;

 width: 95%;

 

 }

 

 #infotable td {

 font-family: arial;



 font-size: 11px;

 color: #585454;

 padding: 5px;





 

}

 #infotable tr {

 font-family: arial;

 border-style: solid;

 border-bottom-width: 3px;

 border-color: #ce5d11;

 font-size: 11px;

 color: #585454;



}

p.header {

color: white;



}



a.muru {

 color: #8b9496;

}

a.muru:hover {

 color: #8b9496;

}

a.muru:active {

 color: #8b9496;

}

a.muru:visited {

 color: #8b9496;

}



p.infoTitle {

 color: #1f1c50;

 letter-spacing: 1.5px;

 font-weight: bold;



}



p.greetingTitle {

 color: #1f1c50;

 letter-spacing: 1.5px;

 font-weight: bold;



}





span.smallPictureTitle {

 font-family: arial;

 font-size: 11px;

 color: #1f1c50;

 letter-spacing: 1.5px;

 font-weight: bold;



}



p.greetingBody {

  color: #3b3a41;

}



p.infoBody {

  color: #3b3a41;

  margin-left: 200px;

}



html {

height: 100%;

}





body {

background-color: #bbc7d5;

margin: 0px;

color: #000000;

font-family: verdana;

font-size: 10px;

height: 100%;

background-image: url(../kuvat/body_bg2.jpg);

background-position: top left;

background-repeat: repeat-y;

}





div.main {



border-width: 0px;

border-collapse: collapse;

width: 799px;

height: 101%;

background-color: #ffffff;

padding: 0px;

margin: 0px;



}



h1.contentTitle {

margin-top: 10px;

color: #000000;

text-align:left;

font-family: verdana, arial, sans-serif;

font-size: 14px;

margin-top: 15px;

margin-left: 25px;



}



h2.subContentTitle {

color: #000000;

text-align:left;

font-family: verdana, arial, sans-serif;

font-size: 12px;

margin-top: 15px;

margin-left: 30px;

}



ul.content {

margin-top: 10px;

margin-left: 30px;

margin-right: 20px;

text-align: left;

color: #3f4041;

font-family: verdana, arial, sans-serif;

font-size: 11px;

line-height: 1.5;

width: 85%;



}



p.contents{

width: 85%;

margin-top: 2px;

margin-left: 25px;

margin-right: 10px;

text-align: left;

color: #3f4041;

font-family: verdana, arial, sans-serif;

font-size: 11px;

line-height: 1.5;



}



#tableTitle {

font-weight: bold;

}



table.kalenteri {

margin-top: 10px;

margin-left: 5px;

border-width: 0px;

border-color: #6f89cb;









}



tr.tapahtumaRivi {



border-width: 0px;

border-color: #6f89cb;

width: 100%;

padding: 0px;

margin: 0px;





}



img.sivuKuva {

float: right;

padding: 10px;

padding-left: 20px;

}



div.topTable {

border-collapse: collapse;

width: 100%;

height: 100%;

padding: 0px;

margin: 0px;

background-color: #97a9bd;



}



div.sub {

background-color: #d5dce4;

border-width: 0px;

border-collapse: collapse;

border-width: 0px;

width: 100%;

height: 100%;

padding: 0px;

margin: 0px;

}



script.jscript {

text-align: right;

margin-right: 10px;

}



div.firstRow {

background-image: url(../kuvat/brandays_talvi.jpg);

border-collapse: collapse;

height: 197px;

margin: 0px;

padding: 0px;

text-align: left;

background-color: #97a9bd;



}



img.brand {

/* background-image: url(../kuvat/brandays_iso_bg.jpg); */

}



div.naviRow {

background-image: url(../kuvat/navirow_bg.jpg);

border-collapse: collapse;

background-color: #656364;

height: 46px;

margin: 0px;

padding: 0px;



}



div.thirdRow {

border-collapse: collapse;

width: 100%;

height: 101%;



background-color: #ffffff;

margin: 0px;

padding: 0px;

}



div.greetingDiv {

 padding: 10px;

 border-style: solid;

 border-width: 0px;

 border-color: #9dadbf;

 background-color: #ffffff;



}



div.newsDiv {

margin: 0px;

margin-left: 6px;

margin-top: 2px;

margin-bottom: 2px;

margin-right: 2px;

border-style: solid;

width: 97%;

border-width: 2px;

border-color: #9dadbf;

background-color: #ffffff;



}



div.topNaviTable {

border-style: solid;

border-width: 0px;

height: 20px;

margin-top: 90px;

padding: 0px;

margin-left: 10px;

}



div.subNaviTable {

border-collapse: collapse;

border-style: solid;

border-width: 0px;

height: 15px;

margin-top: 10px;

padding: 0px;



}



div.leftNaviTable {

float: left;

background: #bbc7d5;

border-color: #bbc7d5;

border-collapse: collapse;

border-style: solid;

border-width: 0px;

border-right-width: 2px;

padding: 0px;

height: 100%;

width: 160px;



}



div.title{

width: 100%;

text-transform: uppercase;

float: left;

margin-bottom: 10px;

}







div.content {

float: left;

background: white;



padding: 0px;

width: 50%;

max-width: 50;

}



div.pageContent {

background: white;

float: left;

width: 75%;

}



div.rightContent {

background: white;

margin: 0px;

margin-top: 2px;

margin-right: 3px;

float: left;

border-collapse: collapse;

border-style: solid;

border-width: 0px;

border-color: #9dadbf;

padding: 0px;

width: 27%;







}





div.contentText {

float: left;

border-collapse: collapse;

border-style: solid;

border-width: 0px;

padding: 0px;

width: 100%;



}





div.SubNaviContainer {

margin-left: 15px;

}



div.subNaviRow {

height: 15px;

text-align: left;

}



div.subNavi {

height: 15px;

text-align: center;

margin-top: 10px;

float: left;

border-collapse: collapse;

background-image: url(../kuvat/subNaviBg.jpg);

padding: 0px;

text-decoration: none;

border-style: solid;

border-width: 1px;

border-color: #c3b8b8;

border-left-width: 0px;

border-right-width: 0px;

border-top-width: 0px;



}





div.activeSubNavi {

height: 15px;

vertical-align: bottom;

margin-top: 10px;

float: left;

border-collapse: collapse;

background-image: url(../kuvat/subNaviBgActive.jpg);

padding: 0px;

text-align: center;

border-style: solid;

border-width: 0px;

border-color: #edebeb;

border-left-width: 0px;

border-right-width: 0px;

border-top-width: 0px;



}



div.leftNavi {

height: 100%;

width: 130px;

height: 20px;

background-image: url(../kuvat/leftNaviBg.jpg);

padding: 0px;

}



div.subLeftNavi {

width: 130px;

height: 20px;

padding: 0px;

padding-left: 5px;

}



div.leftColumn {

width: 130px;

background-color: #ffffff;

}



div.topLeftColumn {

width: 129px;

background-image: url(../kuvat/topLeft_pic.jpg);

}



div.bottomLeftColumn {

width: 129px;

text-align: left;

background-color: #d5dce4;



}



div.centerColumn {

width: 670px;

height: 100%;

border-color: #000000;

border-style: solid;

border-width: 0px;

border-left-width: 1px;

border-right-width: 0px;



background-color: #ffffff;

}



div.topCenterColumn {

width: 510px;

border-style: solid;

border-color: #000000;

border-width: 0px;

border-left-width: 0px;

border-right-width: 0px;

background-image: url(../kuvat/topCenter_pic.jpg);

}





div.rightColumn {

width: 160px;

}



div.bottomRightColumn {

width: 10px;

background-color: #ffffff;

}



div.topRightColumn {

width: 160px;

padding: 0px;

margin: 0px;

border-right-width: 0px;

background-image: url(../kuvat/topRight_pic.jpg);

}



div.headerLeftColumn {

width: 270px;

border-color: #000000;

border-width: 1px;

background-image: url(../kuvat/headerLeft_pic.jpg);



}



div.headerCenterColumn {

width: 129px;

background-image: url(../kuvat/headerCenter_pic.jpg);

}



div.headerRightColumn {

width: 400px;

background-image: url(../kuvat/headerRight_pic.jpg);



}



hr.contentHr {

width:100%;

border: 0;

color: #c3b8b8;

background-color: #c3b8b8;

margin-top: 25px;

height: 2px;

}



img.logo {

margin-left: 80px;

margin-bottom: 30px;

vertical-align: middle;

width: 45px;

height: 81px;



}



img.subNaviRight {

padding: 0px;

border-width: 0px;

vertical-align: middle;

}



img.opemaili {

padding: 0px;

border-width: 0px;

vertical-align: middle;

}



img.subNaviLeft {

padding: 0px;

border-width: 0px;

vertical-align: middle;

}



strong.title {

margin-left: 10px;

vertical-align: middle;

color: #264b70;

font-family: verdana, arial, sans-serif;

font-size: 20px;

}



ul.naviList {

margin-top: 30px;







}



li.naviListItem {

color: #324e66;

}



a.naviLinkki {

color: #596a80;

vertical-align: bottom 5%;

margin-left: 5px;

font-family: verdana, arial, sans-serif;

font-size: 11px;

font-weight: bold;

text-decoration: none;

}



a.naviLinkki:hover {

color: #596a80;

margin-left: 5px;

font-family: verdana, arial, sans-serif;

font-size: 11px;

font-weight: bold;

font-style: italic;

text-decoration: none;

}



    #tabs {

      float:left;

      width:100%;

      background:#ffffff;

      font-size:93%;

      line-height:normal;

      border-color: black;

      border-width: 0px;

      border-style: solid;

      border-bottom-width: 1px;

      }

    #tabs ul {

	  margin:0;

	  padding:10px 10px 0 50px;

	  list-style:none;

      }

    #tabs li {

      display:inline;

      margin:0;

      padding:0;

      }

    #tabs a {

      float:left;

      background:url("../kuvat/tableft.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 4px;

      text-decoration:none;

      }

    #tabs a span {

      float:left;

      display:block;

      background:url("../kuvat/tabright.gif") no-repeat right top;

      padding:5px 15px 4px 6px;

      color:#666;

      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #tabs a span {float:none;}

    /* End IE5-Mac hack */

    #tabs a:hover span {

      color:#000000;

      }

    #tabs a:hover {

      background-position:0% -42px;

      }

    #tabs a:hover span {

      background-position:100% -42px;

      }

      #tabs a.active {

      background-position:0% -84px;

      font-weight: bold;

      }

      #tabs a.active span {

      background-position:100% -84px;

      font-weight: bold;

    

      }

  

  input {

   background: #e3e5e8;

   color: #6e6f70;

  

  }