/*
Original design: Variant Trio (v1.0 - Oct 28, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-trio/
*/
/*
sininen   #006699 #069
tummansin #003399 #039
vihre„    #009900 #090
musta     #000000 #000
valkoinen #FFFFFF #FFF
punainen  #CC0000 #C00
harmaa    #666666 #666
*/
/* Main containers */
body {
  padding:0;
  margin:0;
  background:#fff url(pics/tausta.jpg) top center no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height:1.5em;
}

#wrap {
  width:980px;
  text-align:left;
  margin:100px auto 0 auto;
  /* sama kun margin: 100 auto 100 auto */
}

#toppic {
  clear:both;
  margin:10px 0px 5px 0px;
  width:980px;
  height:200px;
  overflow:hidden;
  border:1px solid #069;
}

/* HTML Tags */
a{
  color:#039;
  font-weight:normal;
  text-decoration: underline;
}

a:hover {
  color:#090;
	text-decoration: none;
	border-bottom: 1px solid #069;
}

a.piclink {
  text-decoration: none;
}

a.piclink:hover {
  border-bottom: none;
}

a img {
  border:0;
}

h2 {
  font-size:1.2em;
  margin:0 0 0px 0;
  padding:0 0 8px;
  color:#039;
  font-weight:600;
}

h3 {
  font-size:1.0em;
  margin:0 0 0px 0;
  padding:0 0 8px;
  color:#C00;
  font-weight:600;
}

p {
  margin:0 0 10px 0;
}

ul {
  margin:0 0 15px 20px;
  padding:0;
}

li {
  margin:0;
  padding:0 0 0 5px;
}

/* Top menu */
#topmenu {
  text-align:right;
  margin-top:-40px;
}

#topmenu a {
  margin:0 0 0 4px;
  padding:6px 8px 5px 8px;
  color:#000;
  text-decoration:none;
}

#topmenu a:hover {
  background-color:#FFF;
  color:#000;
  border-bottom: none;
}

#topmenu a.active {
  background-color:#069;
  color:#FFF;
}

#topmenu a.active:hover {
  background-color:#C00;
  color:#FFF;
}

#pathbox{
  font-size: 80%;
  color:#069;
  margin:0 0 2px;
  text-align:right;
}

/* Sidebar */
#sidebar {
  width:200px;
  color:#666;
  float:left;
  padding:0px;
  margin:0px;
}

#sidebar p {
  font-size:0.7em;
  margin:10px 0 5px 0;
  line-height:1.3em;
}

#sidebar h2 {
  font-size:1.0em;
  border-bottom:2px solid #ddd;
  margin-bottom:5px;
}

#sidebar img {
  margin:0px 0px 10px 0px;
  border: none;
}

#sidebar a:hover {
  border-bottom: none;
}


#sidebar ul {
  list-style:none;
  margin:0 0 15px 0;
}

#sidebar li {
  padding:0;
  margin:0;
}

#sidebar ul.sidemenu {
  width:200px;
  padding:0;
  margin:0 0 20px 0;
}

#sidebar ul.sidemenu li a {
  display:block;
  padding:0 0 0 5px;
  margin:0;
  color:#039;
  text-decoration:none;
}

#sidebar ul.sidemenu li a:hover {
  background-color:#069;
  color:#FFF;
  border-bottom: none;
}

#sidebar ul.sidemenu li a.active {
  background-color:#069;
  color:#FFF;
}


/* Content area */
#content {
  background:#FFF;
  text-align:left;
  padding:0;
  margin:0 0px 15px 220px;
  border:1px solid #069;
  width:760px;
}

#content img {
  margin:5px 0;
}

.full, .left, .right {
  overflow:hidden;
}

.full {
  clear:right;
  margin:15px 15px 0 15px;
  width:730px;
}

.left {
  float:left;
  margin:15px 0 5px 15px;
  width:460px;
}

.right {
  float:right;
  margin:15px 15px 5px 0;
  width:250px;
}

.picleft{
	margin:0px 5px 0px 0px;
	padding:0px 15px 5px 0px;
	float: left;
}

/* Footer */
#footer{
  font-size:0.6em;
  clear:both;
  width:980px;
  line-height:1.4em;
  color:#666;
  font-weight:400;
  margin-bottom:10px;
}

#footer a {
  text-decoration:none;
}

#kokotaulukko{
	font-size:0.8em;
	margin:5px 20px 5px 20px;
	text-align:center;
}

#kokotaulukko th{
  background-color:#FFFFCC;
}

/* Various classes */
.centered {text-align:center;}
.oikea {color:#039;text-align:right;font-weight: bold;padding-right:20px;}
.pieni{color:#039;font-size:0.8em;}
.mini{color:#666;line-height:1.0em;font-size:0.7em;}
.bold{font-size:1em;font-weight: bold;}
.hide {display:none;}
.clear {clear:both; width:760px; visibility:hidden;}