#loginbox
{
 position:absolute;
 right:5px;
 top:5px;
 width:350px;
 padding:5px;
 text-align:right;
 background:#fff;
 border:1px solid #006;
 opacity:0.8;
 z-index:10;
}

a {
    color: #07B;
    text-decoration:none
}

img {
    behavior: url("pngbehavior.htc");
}

a img { border-width: 3px }
a.b img { border: none }
a:hover img{border-color:#f80}


body
{
 margin:0;
 background:#B7CEEC;
 font-family:arial;
 font-size:10pt;
 text-align:center;
}

#wrapper
{
 margin:auto;
 text-align:left;
 width:700px;
 background:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 padding:0;
 
}

h1
{
  margin-top:0;
}

#content
{
    padding:0;
    margin:0;
}

#contentwrapper
{
  padding:25px;
  padding-top:20px;
  padding-bottom:20px;
}


#page-kotisivu .lu, #page-projectx .lu { display:none }

#content a{text-decoration:underline}

#nav
{
  display:block;
  background:#ddd url(varjo.png) repeat-x;
  border-bottom:1px solid #ccc;
  height:16px;
}

#nav, #nav ul
{
  padding:0;
  margin:0;
  list-style:none;
}

#nav a {
  display:block;
  width: 115px;
}

#nav li
{
  float:left;
  width:115px;
  border-right:1px solid #ccc;
  /*position: relative;*/
}

#nav li.bl5 {border-right:none !important}

#nav li ul
{
  /*display:none;top: 16px;*/
  position:absolute;
  
  width:115px;
  left: -999em;
  background:#fff;
  border:1px solid #ccc;
  border-top:none;
  margin-left:-1px;
}


#nav li:hover ul, #nav li.over ul
{
 left:auto;
 
}

#nav li:hover, #nav li.hover {
    position: static;
}

/*
#nav li li
{
 display:block;
 float:none;
 border:none;
 padding:0;
 margin:0;
}*/

#nav li a { color: #000; width:100%; display:block; }
#nav li a:hover { color: #00c; }


#nav li li a {
 color:#006;

 background: #fff;
 
 background-image: url(tile.jpg);
 background-attachment:fixed;
 background-position:center center;
 
}

#nav li li a:hover { color:#00f; background-image: none; background:#dcb; }


#top
{
  text-align:center;
  
  padding-top:180px;
  background:#f80;
}

#kotka
{
  margin-bottom: -25px;
}

#nauha
{
  width: 100%;
  background: #f60 url(nauha.png) repeat-x;
  font-size:1px;
  height:20px;
}


.lu
{
 text-align:right; font-size:80%;color:#ccc
}

.loginmb
{
 position:absolute;
 right:0px;
 top:0px;
 height:15px;
 font-size:8pt;
 overflow:hidden;
 background:#eee;
 z-index:10
}
.loginmb:hover{background:#a10}
.loginmb a{color:#aaa}
.loginmb a:hover{color:#fff}


h1 { color: #008; font-size: xx-large; }

h2 { color: #f70; font-size: large; }

h3 { color: #00a; }

a:hover { color: #00a; }


/* CALENDAR --------------------------------------------------- */

 table.calendar
 {
  border:1px outset #000;
  border-collapse:collapse;
  padding:0;
  margin:0;
  border-spacing:0;
 }

 .calendar td,.calendar th
 {
  border:1px inset #000;

  text-align:center;
  font-size:16pt;
  padding:0px;
  margin:0px;
  vertical-align:center;
 }
 
 .calday
 {
  background:#fff;
  width:60px;
  height:55px;
 }
 .caldayrow
 {
  background:#eee;
  height:30px
 }
 
 .calweekn
 {
  width:30px
 }

 .caldaysun
 {
  background:#fee
 }
 
 .caldaynow
 {
  background:#ccc;
  color:#00d;
 }
 .caldaynowsun
 {
  background:#dcc;
  color:#00d;
 } 

 .caldayout
 {
  background:#fff
 }

 div.eventtag
 {
  background:none;
  text-align:center;
  width:auto;
  font-size:10px;
 }

 .aligt{vertical-align:top;padding:0;font-size:80%;width:170px}
 .aligt ul{padding-left:10px;margin-bottom:5px;}
 .aligt li{list-style-type:none}

.calev, .calev ul { margin:0; padding:0; }
.ca1 { margin:0; padding:0; list-style-type:none; font-weight:bold; margin-bottom:1em }
.ca2 { margin:0; padding:0; list-style-type:disc; margin-left:0.5em;padding-left:0;font-weight:normal}

.c-Kotisivu
{
    background:url(/etusivu/top3.jpg) no-repeat;
}

#contentwrapper.cw-Kotisivu
{
    padding:0;
    margin:0;
}

#poink{border-collapse:collapse;margin-top:25px}
#poink td{padding:0}
#poink h2{margin:0;margin-bottom:5px;font-size:13pt}
#poink h2 a{color:#f70}
#poink h2 a:hover{color:#d50}
#poink a img { border: 0 }
.minil{text-align:right;font-size:8pt;padding-right:5px;}
iframe{border:0;margin:0}

#vrt{padding:2px;}#vrt div{margin:2px;padding:2px;width:auto}