/* CSS-tyylitiedosto KAT-sivuille */

body {
	/* Sivun perus määrittelyt - tausta, kirjasin ja marginaalit */
	background-color: #D7EFF6;
	background-image: url(../kuvat/tausta_liukuma.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	vertical-align: middle;
	color:   #747474;
	font: 12px Arial, Helvetica, sans-serif;
}

/* Elementtien asettelut */

#sivu {
	background-color: #FFFFFF;
	position: absolute;
	width: 750px;
	top: 30px;
	left: 50%; 
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	vertical-align: top;
	margin: 0px 0px 0px -375px;
	padding: 0px 0px 10px 0px;
}

#etusivulle {
   /* Asettaa etusivulle linkin oikeaan yläkulmaan */
	position: absolute;
	top: 15px;
	width: 750px;
	left: 50%;
	margin-left: -375px;
	text-align: right;
	padding-right: 2px;
	height: 15px;
	font-size: 11px;
}

.ylapalkki {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 11px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	height: 139px;
	vertical-align: top;
	width: 750px;
	border-width: 0px;
}

.keskiosa {
	/* Täällä on kaikki ylapalkin allaoleva sisältö - vasen-kelluva ja oikea-kelluva */
	margin:0px 0px 0px 0px;
	width: 750px;
	height: auto;
}

.vasen-kelluva {
	/* Pitää sisällään palsta-linkit ja palsta-tekstit -osat 
	ja asettaa ne vasempaan reunaan keskiosaa */
	float:left;
	width: 550px;
}

.palsta-linkit {
	/* Tämä palsta mihin tulee vasemmalla olevat linkit */
	margin:0px 0px 0px 0px;
	float: left;
	width: 170px;
}

.palsta-teksti {
	/* Tämä on keskipalsta - jossa on tekstisisältö */
	float: right;
	width: 378px;
	border-left: 1px dotted #0099CC;
	border-right: 1px dotted #0099CC;
}

.oikea-kelluva {
	/* Oikeanpuoleisin palsta */
	float: right;
	width: 200px;
}


/* Tekstimäärittelyt */


a, a:visited, a:active {
	/* Linkkien määritykset */
	color: #0099CC;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	
}

a:hover {
	/* Linkki kun kursori on päällä */
	background-color: #0099CC;
	color: #FFFFFF;
}


h1 {
	/* Otsikkotyyppi nro:1 */
	padding: 0px 15px 0px 15px;
	color: #708090;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h2 {
	/* Otsikkotyyppi nro:2 */
	padding: 0px 15px 0px 15px;
	color: #747474;
	font: bold 12 Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/
}

h3 {
	/* Otsikkotyyppi nro:3 - ei tällä hetkellä käytössä */
	padding: 0px 15px 0px 15px;
	color:   #A9A9A9;
	font: bold 12px Arial, Helvetica, sans-serif;
}

/* Ajankohtaista sivun otsikko */
h4 {
	display: block;
	background-color: #A3D9EE;
	font: bold 12 Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 0px 15px 0px 15px;
	}

.bold {
	 /* Lihavoitu teksti */
    font-weight: bold;
}

.italic {
	/* Kursiivi teksti */
	 font-style: italic; 
}

.otsikko{
	color: #696969;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.teksti10 {
	/* Pieni teksti */
	font: 10px Arial, Helvetica, sans-serif;
}

.ak-otsikko{
	/* Ajankohtaista sivun otsikko */
	background-color: #A3D9EE;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 348px;
	padding: 0px 5px 0px 5px;
}

.linkkilista a, .linkkilista a:link, .linkkilista a:active, .linkkilista a:visited {
	/* Palikkalinkkien määrittely */
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	width: 145px;
	height: 19px;
	padding-top: 2px;
	margin: 0px 15px 2px 10px;
	vertical-align: middle;
	background-color: #87CEEB;
	font-weight: bold; 
}

.linkkilista a:hover {
	color: #FFFFFF;
	background-color: #0099CC;
}

.linkkivalittu a, .linkkivalittu a:link, .linkkivalittu a:active, .linkkivalittu a:visited {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	width: 145px;
	height: 19px;
	padding-top: 2px;
	margin: 0px 15px 2px 10px;
	vertical-align: middle;
	background-color: #0099CC;
	font-weight: bold; 
}

.linkkivalittu a:hover {
	color: #FFFFFF;
	background-color: #0099CC;
}


/* Apumääritykset */


p {
	padding: 0px 15px 0px 15px;
	color: #747474;
	font: 12 Arial, Helvetica, sans-serif;
}


ul {
	list-style-type: square;
}

li {
	padding-bottom: 5px;
	
}