/*Yleiset*/
body { font-size: 10px;
       line-height: 1em;
       font-family: 'Cantarell', Arial, Helvetica, sans-serif; }
a { text-decoration: none; }

/*Taltiot*/
#vanukas { width:800px;
           height: 680px;
           margin:auto;
           position:relative;
           background:url('kuva/tauko.gif') no-repeat center center; }
#mainnav { position: relative;
                  top: 125px;
                  left: 20px; }
.palikka { width:680px;
           height:370px;
           margin:0px auto;
           padding: 35px 50px;
           position:relative;
           top:168px;
           background:#fff; 
           display: none;
           border: 1px solid; }

#palikka_tauko { border-color: #CF00A4; }
#palikka_tauko a { text-decoration: none; }
#palikka_tauko .teksti a { color: #CF00A4; }
#palikka_tauko .active a { color: #CF00A4; }
#palikka_tauko a:hover { background: #CF00A4;
                         color: #fff; }

#palikka_kuteet { border-color: #5B00A4; }
#palikka_kuteet a { text-decoration: none; }
#palikka_kuteet .teksti a { color: #5B00A4; }
#palikka_kuteet .active a { color: #5B00A4; }
#palikka_kuteet .alaotsikko a:hover { background: #5B00A4;
                         color: #fff; }
#palikka_kuteet .pagenav_nappi { background: #fff;
                         color: #5B00A4; }
#palikka_kuteet .pagenav_nappi_active { background: #5B00A4;
					 color: #fff; }

#palikka_projektit { border-color: #02495A; }
#palikka_projektit a { text-decoration: none; }
#palikka_projektit .active a {}
#palikka_projektit .pagenav_nappi { background: #fff;
                         color: #02495A; }
#palikka_projektit .pagenav_nappi_active { background: #02495A;
					 color: #fff; }

#palikka_yhteystiedot { border-color: #33426A; }
#palikka_yhteystiedot a { text-decoration: none; }
#palikka_yhteystiedot .teksti a { color: #33426A; }
#palikka_yhteystiedot .active a { color: #33426A; }
#palikka_yhteystiedot a:hover { background: #33426A;
                         color: #fff; }

.sivu { display: none; }
.active_sivu { display: block; }

#meriitit { position: absolute;
	    display: block;
	    width: 100px;
	    margin: 0px auto;
	    top: 665px;
	    left: 350px;
	    text-align: center; }
dt:hover { color: #fff;
	   background: #33426A; }

/*Otsikot*/
.topnav_generic { width: 120px;
                  height: 26px;
                  color: #fff;
                  text-align: center;
                  font-size: 1.2em;
                  display: block; 
                  padding-top: 13px; 
                  display: block;
                  position: absolute; 
                  z-index: 5; }
#mainnav .active { padding-bottom: 25px; }
#topnav_tauko { background-color: #CF00A4; }
#topnav_kuteet { background-color: #5B00A4; 
                 left: 125px; }
#topnav_projektit { background-color: #02495A;  
                    left: 250px; }
#topnav_yhteystiedot { background-color: #33426A; 
                       left: 375px; }
.alaotsikko { font-size: 1.2em; 
              display: inline;
              margin: 0px 25px;
	    }
.alaotsikon_alue { padding-bottom: 8px; 
		   padding-right: 2px;
		 }
.alaotsikko a { color: #909090; }

.alaotsikko_vasen { margin-left: 0px; }
.alaotsikko_oikea { margin-right: 0px; }


/*CONTENT!!!*/

.kuva { float: right; }

.teksti { text-align: justify; width: 300px; font-size: 1.3em; line-height: 1.5em; margin-top: 25px; }

.galleria { margin-top: 8px; }

.projektit { margin-left: 2px;
	     margin-right: 2px; }

.symbol { height: 16px; 
	  vertical-align: top;
}

.pagenav { width: 780px;
	   height: 20px;
	   position: absolute;
	   top: 420px;
	   right: 0px; }

.pagenav_nappi { width: 20px;
	   height: 15px;
	   padding-top: 5px;
	   font-size: 1.2em;
	   text-align: center;
	   float: right; }

.hideo { display: none; }

.nimi { font-style: italic; }

ul { list-style-type: none;
     padding: 0;
     margin: 0;
   }

/*Rndm*/