/* Yhteiset */


* {
  margin: 0;
  padding: 0;
}


body {
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.6;
  background-color: #a9bad4; /* #a3b4d0;
/*  background-image:url(../kuvat/tausta_softblue3.jpg);
  background-position:100% 0%;
  background-repeat:repeat-y; */
} 


#wrapper {
  background-color: #fff;
  border-bottom:10px solid #486aae;

}


/* OTSIKON määrittelyt */

#otsikko {        
  height: 150px;
  width:100%;
  background:#fff url(../komponentit/palkinpohjav2.gif) no-repeat left top;
  padding-bottom: 10px;
}

#otsikko h1 {
  float:right;
  font-size:2.4em;
  font-weight:600;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:2em;
  color:#486aae;
  margin: 0;
}

#otsikko img.oikea {
  float:right;
  padding-top:12px;
  padding-bottom:40px;
  padding-right:4em;
  padding-left:0px;
  margin:0;
}  

#otsikko img.vasen {
  float:left;
  padding-top:15px;
  padding-bottom:0px;
  padding-left:5em;
  margin:0;
}  




/* MURUPOLUN määrittelyt */

#murupolku {       
  font-size: 1.2em;
  background-color: #aec2e7;
  color:#fff;
  border-bottom: 2px solid #95b1e6;	
  padding-top:1px;
  padding-bottom:1px;
  padding-left: 15px;
}

#murupolku a:visited {
color:#cc6600;
}




/* PÄÄNAVIGAATION määrittelyjä */

#paaNavi ul, #paaNavi li {
  list-style: none;
  background-color:#ededfc; 
}

#paaNavi li a {
  text-decoration: none;
  font-weight:600;
  color:#7a5b20;
  display:block;
  background:#e2d5ab;
  border-bottom:2px solid #CCB;
  padding:2px 2px 2px 5px;
}

#paaNavi li a:hover {
  background:#f5e8be;
  font-weight:600;
  color:#7a5b20;
  border-bottom:2px solid #CCB;
  padding:2px 2px 2px 9px;
}

#paaNavi li {
  line-height:1.6em;
}

#paaNavi p {
  padding-top:0;
  font-weight:bold;
  color: #486aae;
  margin-bottom:1.2em;
}

#paaNavi .engl {
  padding-top:20px;
}

#paaNavi .engl a:visited {
  color: #486aae;
}


/* Navin alla oleva tila  (info) */

#info h1 {
  font-size:1.3em;
  line-height:1.3em;
  font-weight:bold;
  color: #486aae;
  padding-top:15px;
}

#info p {
  font-size:1.2em;
  font-weight:normal;
  line-height:1.3em;
  padding-top:0px;
  margin-bottom:0.6em;
}

#paaNavi #info img {  
  width: 99%;
  float: left;
  margin-top:15px;
  margin-right:1px;
  margin-bottom:10px;
  margin-left:2px;
}





/* Otsikot */

h1 {
  font-size: 2.0em;
  font-weight: normal;
  margin-top:1.2em;
  margin-left:0;
  margin-bottom: 0.3em;
  margin-right:0;
}

h2 {
  font-size: 1.8em;
  font-weight: normal;
  margin-top:0em;
  margin-left:0;
  margin-bottom: 0em;
  margin-right:0;
}

h3 {
  font-size: 1.6em;
  font-weight: bold;
  margin-top:0;
  margin-left:0;
  margin-bottom: 0em;
  margin-right:0;
  padding-bottom:0;
}

h4 {
  font-size: 1.4em;
  font-weight: bold;
  margin-top:0.5em;
  margin-left:0;
  margin-bottom: 0em;
  margin-right:0;
  padding-bottom:0;
}



/* Elementtejä */

p, li {
  font-size: 1.4em;
  line-height:1.4em;
}

p {
  margin-left:0;
  margin-top:0;
  margin-bottom: 0.8em;
  margin-right:0;
}


img {
  border:0;
}

.kuvateksti {
  font-size: 1.2em;
  text-align:center;
  padding-bottom:20px;
}

/* hr {
	margin:0;
} */



/* SISÄLTÖÖN liittyviä määrittelyjä */

#paaSisalto #etusivu p,#paaSisalto #etusivu img, #paaSisalto #etusivu ul, #paaSisalto #etusivu h3  {
	margin-left:7px;
	margin-right:7px;
}

#paaSisalto #etusivu .alatilaax {
  margin-bottom:25px;
}

#sisalto ul {
  /* display:inline; */
  list-style-position:inside;
  list-style-type:disc;
}

#sisalto ul.sisenna {
  margin-left:5em;
}

#tekstilista {
  margin-bottom:5px;
}


#tekstilista p {
  line-height:1.6em;
  margin:0;
}

#sisalto strong, #sisalto a, #sisalto i {
  padding-right:0em;
}

#sisalto strong {
  margin:0;
  padding:0;
}

#sisalto hr {
/*  margin-left:3px;
  margin-right:3px; */
  margin-top:15px;
  margin-bottom:20px;
}

#sisalto .boxi {
	border-top:2px solid #999999;
	margin-top:15px;
/*	border-bottom:1px solid #000000;
	border-collapse:collapse; */
}


/* Tilat */

#sisalto span p, #sisalto span h1 {
  margin-bottom:15px;
}

#sisalto .alatilaa {
  margin-bottom:15px;
}

#sisalto .alatilaax {
  margin-bottom:30px;
}

#splash #sisalto .alatilaax {
  margin-bottom:60px;
}

#sisalto .ylatilaa {
  margin-top:15px;
}

#sisalto .ylatilaax {
  padding-top:25px;
}

#sisalto .ylatilaaxl {
  padding-top:45px;
}

#sisalto .ylatilakuva {
  margin-top:30px;
}


#sisalto .tiivista {
  margin:0;
  padding:0;
  line-height:2em;
}

#sisalto h1.kiitos {
  text-align:center;
}

.tilaylos {
  padding-top:40px;
  margin-bottom: 0em;
  line-height:1.2em;
} 

.tiivis {
  margin-top:1.3em;
  margin-bottom: 0em;
  line-height:1.2em;
} 

.tiivispuhe {
  margin-top:0em;
  margin-bottom: 0em;
  line-height:1.4em;
} 


#sisalto .tiivistapuhe {
  margin-top:1.2em;
  margin-bottom:0.5em;
  padding:0;
  line-height:1.2em;
}


#vierekkain ul {
  padding:0;
  margin-left: 1.5em;
  padding-bottom:5em;
  list-style: none;
}

#vierekkain li {
  float:left;
  margin-left:2em;
}

#sisalto h1 + h4 {
  margin-top:0;
}

#sisalto h3 + h4 {
  margin-top:0;
}






/* Tekstikentät */

#keltaista p { 
   margin:0;
   font-weight:bold;
/* margin-bottom:0;
   padding:0; */
   background-color:#f5e8be;
}

#valkoista p {
  margin:0;
  font-weight:bold;
}

#valkoista_norm p {
  margin:0;
  font-weight:normal;
}

#paaSisalto .mainos p {
  margin:0;
  font-weight:normal;
}

#keltaista .tekstii, #valkoista .tekstii, #valkoista_norm .tekstii, #paaSisalto .mainos .tekstii { 
  width:63%;
  float:left;
  padding-top: 1%;
  padding-right: 0;
  padding-bottom: 3px;
} 

#paaSisalto .mainos .tekstii {
  width:30%;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  border-right:1px solid #000000;
}

#keltaista .vaspienie, #valkoista .vaspienie, #valkoista_norm .vaspienie, #paaSisalto .mainos .vaspienie {  
  width: 33%;
  float: left;
  padding-top: 1%;
  padding-right: 2%;
  padding-left:5px;
  padding-bottom: 3px;
}

#paaSisalto .mainos .vaspienie {
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  border-left:1px solid #000000;
}

#paaSisalto .ilmTekstit p {
	line-height:1.2em; 
	margin-bottom:0.2em; 
}


/* Galleria */

#sisalto .galleria {
	
/*	
	padding-right:0px; */
	padding-left:2em;
	padding-top:5em; 
	padding-bottom:5em;
	margin-right:20px; 
	text-align:center;
	background-color:#091732;
	border:2px solid black; 
	
}

#paaSisalto .galleriaKuvake {  
  float: left;
  padding-top: 20px;
  padding-right: 2%;
  padding-left:0;
  padding-bottom: 5px;
}

#paaSisalto .galleriaLinkki { 
  margin-top:20px;
/*  float:left; */
} 




/* Lomakkeet */

form fieldset {
	margin:5px 0;
	padding:10px;
	padding-left:15px;
	border:1px solid #ccc;
}

#sisalto legend {
	font-weight:bold;
	font-size: 1.4em;
	padding-left:0px;
	padding-right:0px;
	color:#000;
}

label {
	display:block;
}

fieldset#yhteystiedot input {
	width:260px;
}

textarea {
	width:300px;
	height:120px;
}


#sisalto input.laheta, #sisalto input.tyhjenna {
	width:80px;
	padding-right:0px;
}
	
	
	
	
/*	Ilmoitustaulun palstat (kahtia jaettu pääsisältö) */

#paaSisalto .ilmPalsta {
	padding-top:15px;
	padding-bottom:20px;
}

#paaSisalto .vasPalsta {
	width:48%;
	float:left;
	padding-right:10px;
}

#paaSisalto .oikPalsta {
	width:48%;
	float:left;
	padding-left:10px;
}



/* KUVIEN ja TEKSTIN sijoittelut */

/* kaksi palstainen sivu */

/* minikuvat (Huom. oikealla olevien kuvien oikeat marginaalit säädettävä täällä */

#paaSisalto .oikea, #kaksi-palstaa .oikeo {
	float:right;
	margin-left: 20px;
	margin-right:8px; /* voi poistaa kokonaan jos halutaan. Tehty vain koska teksti ei yleensä ylety sivun oikeaan laitaan asti */
	margin-top: 6px;
	margin-bottom: 15px;
}

#paaSisalto .vasen, #kaksi-palstaa .vaseo {
	float: left;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 15px;
}

#kaksi-palstaa .vaseo {
	margin-right: 0px;
}

/*  minikuvat */

body#kaksi-palstaa .vasmini {
  width: 13%;							 
  float:left;
  padding-top: 1%;
  padding-right: 1%;
  padding-bottom: 0px;
}

body#kaksi-palstaa .tekstiii { 
  width:84%;
  float:left;
  padding-top: 1%;
  padding-right:0;
  padding-bottom: 0px;
}

/* pienet kuvat */

body#kaksi-palstaa .vaspieni { 
  width: 25%;			
  float:left;
  padding-top: 1%;
  padding-right: 1.5%;
  padding-bottom: 5px;
}

body#kaksi-palstaa .oikpieni { 
  width: 25%;
  float:right;
  padding-top: 1%;
  padding-right: 27px;
  padding-left:1.5%;
  padding-bottom: 5px;
}

body#kaksi-palstaa .tekstii {  
  width:72%;
  float:left;
  padding-right:1%;
  padding-bottom: 0px;
}

/* isot kuvat */

body#kaksi-palstaa .vasiso { 
  width: 40%;							 
  float:left;
  padding-top: 1%;
  padding-right: 1.5%;
  padding-bottom: 5px;
}

body#kaksi-palstaa .oikiso {
  width: 40%;
  float:right;
  padding-top: 1%;
  padding-right: 27px;
  padding-left: 1.5%;
  padding-bottom: 5px;
}

body#kaksi-palstaa .tekstip { 
  width:57%;
  float:left;
  padding-right:0;
}




/* KUVIEN ja TEKSTIN sijoittelut */

/* Kolme palstaa */


#paaSisalto .vasmatkaohj { 
  width: 10%;							 
  float:left;
  padding-top: 0;
  padding-right: 1%;
  padding-bottom: 0px;
}

#paaSisalto .oikmatkaohj {
  width:87%;
  float:right;
  padding:0;
}

#paaSisalto .tapahtumat { /* Vasen osa tulee #paaSisalto .vasmini :stä */
  width:84%;
  float:right;
  padding:0;
}


/* pienet kuvat */

#paaSisalto .vasmini, #paaSisalto .vaspienit { 
  width: 13%;							 
  float:left;
  padding-top: 0;
  padding-right: 1%;
  padding-bottom: 0px;
}

#paaSisalto .tekstiiit, #paaSisalto .tekstiii {  
  width:84%;
  float:left;
  padding-top: 0;
  padding-right:0;
  padding-bottom: 0px;
}


#paaSisalto .vaspieni {  
  width: 33%;
  float: left;
  padding-top: 1%;
  padding-right: 2%;
  padding-left:0;
  padding-bottom: 5px;
}

#paaSisalto .oikpieni { 
  width: 34%;
  float:right;
  padding-top: 1%;
  padding-left:1.5%;
  padding-bottom: 5px;
}

#paaSisalto .tekstii { 
  width:63%;
  float:left;
} 

/* isot kuvat */

#paaSisalto .vasiso {  
  width: 45%;
  float: left;
  padding-top: 1%;
  padding-right: 2%;
  padding-bottom: 5px;
}

#paaSisalto .oikiso { 
  width: 45%;
  float:right;
  padding-top: 1%;
  padding-left:1.5%;
  padding-bottom: 5px;
}

#paaSisalto .tekstip {
  width: 52%;
  float:left;
} 

#paaSisalto .keskella {
  text-align:center;
}

#paaSisalto .iso {
  width:98%;
  padding-top:5px;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
  margin-bottom:5px;
}

/* Kuvatekstit */


div.kuva_teksti {
	margin-top: 4px;
	margin-bottom: 15px;
}

body#valokuvia div.kuva_teksti, body#nayttely div.kuva_teksti {
	margin-bottom: 30px;
}

div.kuva_teksti .oikea {
	float:right;
	margin-left: 20px;
	margin-right:8px;
}

div.kuva_teksti .vasen {
	float:left;
	margin-right: 20px;
}

div.kuva_teksti .vierekkäin {
	float: left;
	width:30%;
	margin-left:0%;
	margin-right:2.5%;
}

div.kuva_teksti .vas_palsta {
	float: left;
}

div.kuva_teksti .oik_palsta {
	float: right;
}

div.kuva_teksti img, div.kuva_teksti p {
	margin:0px;
	padding:0px;
}

div.kuva_teksti p {
	font-size:12px;
	margin-top:3px;
}




/* ALASISÄLTÖÖN liittyvät määrittelyt */

#alaSisalto h2 {
  font-size: 1.6em;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom: 0.7em;
  padding-top:15px;
}

#alaSisalto h3 {
  font-size: 1.4em;
  margin-left:14px;
  margin-right:0;
  margin-top:0;
  padding-bottom: 0.3em;
}


#alaSisalto p {
  font-size: 1.2em;
  margin-bottom: 0px;
}

#alaSisalto img {  
  width: 95%; 
  float: left;
  margin-top:0px;
  margin-right:10px;
  margin-bottom:10px;
  margin-left:0px;
}





#sisalto a:hover, #sisalto a:visited {
color:#cc6600;
}

.clearia {
  clear:both;
}

.oikclearia {
  clear:right;
}

.vasclearia {
  clear:left;
}

#footer {
  background-color:#aec2e7;  
  padding: 2px 20px;
  text-align:center;
  clear: both;
}

#footer p {
  font-size:1.1em;
  line-height:1.2em;
}