body {
  font-family: Georgia,"Bitstream Charter",serif;
  background-color:#f2f2f1;
}

/*navigoinnnit*/

.navbar {
  width: 14%;
  height:100%;
  background-color:#E9EAEA;
  position: fixed;
  left:0%;
  top:155px;
  z-index:10;
  padding-top:30px;
  padding-bottom:30px;
}

.navbar ul li {
  list-style-type:none;
  margin-top:2%;
}

.navbar a:link {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bold;
  color:black;
}

.navbar a:visited {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bold;
  color:gray;
}

.navbar a:hover {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bolder;
  color:gray;
}

.navbar a:active {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bold;
  color:gray;
}

.navbar ul {
  padding-left:1%;
  margin-left:8%;
}

.navbar ul li {
  padding-left:0%;
  margin-left:0%;
}

#enkku {
  padding-top:20px;
}

.toinen_navbar {
  width: 14%;
  height:100%;
  z-index:7;
  background-color:#E9EAEA;
  position: fixed;
  right:0%;
  top:155px;
  padding-top:30px;
  padding-bottom:30px;
}

.toinen_navbar ul li {
  list-style-type:none;
  margin-top:2%;
}

.toinen_navbar a:link {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bold;
  color:black;
}

.toinen_navbar a:visited {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bold;
  color:gray;
}

.toinen_navbar a:hover {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bolder;
  color:gray;
}

.toinen_navbar a:active {
  text-decoration:none;
  font-variant:small-caps;
  font-weight:bold;
  color:gray;
}

.toinen_navbar ul {
  padding-right:0%;
  margin-right:8%;
}

.toinen_navbar ul li {
  padding-right:0%;
  margin-right:0%;
}

/*ylätunniste*/

.ylapalkki {
  background-color:#E9EAEA;
  width:100%;
  height:160px;
  position:fixed;
  top:0%;
  left:0%;
}

.logo {
  position:fixed;
  top:0%;
  left:0%;
  height:8%;
  width:16%;
  
  padding-bottom:2%;
  z-index:11;
}

.logoteksti {
  width:500px;
  height:150px;
  z-index:8;
  background-color:#E9EAEA;
  margin:auto;
}

.haku {
  position:fixed;
  top:0%;
  right:0%;
  height:8%;
  width:30%;
  padding-top:3%;
  padding-left:1%;
  padding-bottom:1%;
  background-color:#E9EAEA;
  z-index:9;
}



/*tekstijutut*/

.sisalto {
  margin-left:14%;
  margin-right:14%;
  margin-top:155px;
  margin-bottom:1%;
  padding:2px;
  list-style-image:url(../logot/listitem.png);
  z-index:2;
  background-color:transparent;
  background-image: url(../logot/tausta.png);
  background-repeat: no-repeat;
  background-position:82% 60%;
  background-attachment: fixed;
}

address {
  font-size:0.8em;
  text-align:center;
  border-top: black thin dotted;
  clear:both;
  margin-top:20px;
  padding-top:20px;
}

.paivitys {
  display:none;
  font-size:0.8em;
  text-align:center;
  border-bottom: black thin dotted;
  clear:left;
}

.tj{
  clear:left;
  float:left;
  margin-bottom:4%;
}

.sa{
  display:inline;
  float:right;
  margin-bottom:4%
}

.hypyt {
  width:1px;
  height:1px;
  margin:0%;
  padding:0%;
}


.sisalto li {
  padding-top:1%;
}



/*kuvat*/

img {
  margin-left:1%;
 margin-right:1%;
 margin-top:1%;
 margin-bottom:1%;
}

.yleiskuva  {
  margin-left:20%;
}

.sormi {
  float:left;
  margin-left:1%;
  margin-right:2%;
  padding-right:1%;
  padding-left:1%;
  padding-bottom:1%;
}

.sormi2 {
  margin-left:25%;
  margin-right:2%;
  padding-right:1%;
  padding-left:1%;
  padding-bottom:1%;
}
  
.lippu {
  float:left;
  margin-left:2%;
  margin-right:2%;
  padding-right:2%;
  padding-left:1%;
  padding-bottom:1%;
}

.musta {
  float:right;
  margin-left:2%;
  margin-right:2%;
  padding-right:1%;
  padding-left:2%;
  padding-bottom:1%;
}

.valid_xhtml {
  padding-bottom:0%;
  margin-bottom:0%;
  float:right;
}
.valid_css {
  padding-bottom:0%;
  margin-bottom:0%;
  padding-right:1%;
  float:right;
}

.henk_kuva {
  float:right;
  padding-right:15%;
  padding-bottom:5%;
  padding-top:0%;
}