/* Perusasetukset sivuston rakenteelle*/
* {
	margin: 0;
	padding: 0;
}

html{
	background-color: #5D5038;
	/*background-image: url(../kuvat/footer.gif);
 	background-repeat: repeat-x;
 	background-position: top right;*/
}

body{
	background-image: url(../kuvat/tausta.jpg);
 	background-repeat: repeat;
	text-align: center; /* <3 IE */
}

/* Perustyylit otsikoille ja linkeille */

h2{
	color: #AF5D27;
	font-size: 2.0em;
	margin: 10px 0 25px 0;
}

h2 i{
	color: #2D7373;
}

h3{
	font-size: 1.6em;
	color: #473E2C;
	padding: 25px 0 20px 0;

}
.listaus_box h3{
	font-size: 1.3em;
	color: #473E2C;
	padding: 0 0 0 0;

}


h4{
	font-size: 1.2em;
	color: #473E2C;
	padding: 20px 0 15px 0;
}

#map h4{
	font-size: 1.1em;
	color: #473E2C;
	padding: 0 0 0 0;
}



p{
	padding: 0 0 10px 0;
}

#kuvaus p{
	color: #333333;
}

a:link, a:active{
	color: #235454;
	text-decoration: none;
}

a:visited{
	color: #2E7C7C;
	text-decoration: none;
}

a:hover{
	color: #235454;
	text-decoration: underline;
}

.linklike{
	color: #235454;
	cursor:pointer;
}

/*  */



/* Pääasialliset taiton elementit */
#wrap{
	width: 100%;
	background-image: url(../kuvat/ylapalkki_tausta.jpg);
 	background-repeat: repeat-x;
 	text-align: left;
}



#header{
	width: 780px;
	height: 172px;
	margin: 0 auto;
	background-image: url(../kuvat/logo2.gif);
 	background-repeat: no-repeat;
 	background-position: bottom right;
}

#navi{
	width: 400px;
	height: 168px;
	background-image: url(../kuvat/navi_tausta.jpg);
 	background-repeat: no-repeat;
 	background-position: top left;
}

#footer{
	width: 100%;
	margin: 30px 0 0 0;
	background-image: url(../kuvat/footer.gif);
 	background-repeat: repeat-x;
 	background-position: top right;
}

#footer_content{
	width: 780px;
	margin: 0 auto;
}


#content{
	width: 780px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}


#etuboksi{
	background-color: #EADFBB;
	background-image: url(../kuvat/etuboksi_ala.jpg);
 	background-repeat: no-repeat;
 	background-position: bottom left;	
 	width: 700px;	
	margin: 20px auto 0 auto;
}
#etuboksi_content{
	background-image: url(../kuvat/etuboksi_yla.jpg);
 	background-repeat: no-repeat;
 	background-position: top left;
 	background-color: transparent;
 	padding: 15px;
 	display: block;
 	position:relative;

}


/* Navigointi */
#navlist
{
margin: 0;
padding: 105px 0 0 30px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-size: 120%;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #F2E4BB;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #3D3D3D;
padding-bottom: 2px;
background: transparent;
color: #FDBF0A;
}

#navlist a:hover { color: #F2E4BB; }


/* Selaa */

.selaa_arvo{
	background-image: url(../kuvat/dot.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 15px 0px 8px;
}

h3.selaa_arvo{
    font-size: 1.4em;
	background-image: url(../kuvat/dot.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 5px 0 0px 8px;
}

/* Aineistojen listaus */

.listaus_box{
	padding: 10px;
	width: 700px;
	margin: 0 auto 0 auto;
	color: #333333;
	border-bottom: 2px solid #BEB18C;
}
.listaus_box_kentat{
	width: 330px;
	float: left;
	margin: 8px 8px 0 0;
}
.listaus_box_fieldset{
	border: 1px solid #EBE1C0; 
	padding: 4px;	
}
.listaus_box_legend{
	color: #AD6B3F; 
	font-size: 0.9em; 
	margin: 0 0 0 0; 
}
h3.listaus_box{
	margin: 0; 
	padding: 4px 2px 8px 4px;
	display: inline;
	clear: both;
}
p.listaus_box{
}

/* Aineistolinkkien tyylit */
.outside{
	background-image: url(../kuvat/outside.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;	
}

.inside{
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;	
}




/* Tagclouds */

.tc_arvo{
	padding: 5px 10px 0 0;
}

.tc1 {
    font-size: 0.7em;
}

.tc2 {
    font-size: 0.9em;
}

.tc3 {
    font-size: 1.2em;
}

.tc4 {
    font-size: 1.5em;
}

.tc5 {
    font-size: 1.8em;
}

.tc6 {
    font-size: 2.0em;
}

/* Hajanaiset tyylit */
#tooltip {
	position: absolute;
	z-index: 3000;
	width: 220px;
	border: 2px solid #A2997B;
	background-color: #EADFBB;
	padding: 2px;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 0.9em;}

.ala_navi{
    font-size: 1.0em;
    color: #D1C8B5;
	background-image: url(../kuvat/dot.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 8px;
}
a.ala_navi{
    color: #D1C8B5;
}