/* kodes default */
html, body {
  padding: 0px;
  margin: 0px;
  border: 0;
  font-family: arial;
  background: #fff url(../kuvat/header/body_tausta.png) -310px 130px repeat-x;	
}
p { margin: 0; }

.uline { text-decoration: underline; cursor: help; }

/* menu määritellään tiedostossa header.css*/

/* otsikot */
.otsikko {
  position: absolute;
  font-family: arial;
  width:100%;
  z-index: 11;
}
h1 {
  font: 3em arial bold; 
	display: inline;
  padding-left: 3px;
	
}
h2 {
	font: bold 1.5em "Trebuchet ms", arial;	
  padding-top: 1ex;
  padding-right: 1ex;
	padding-bottom: 0px;
	margin-bottom: 3px;
	line-height: 1ex;
	display: block;
}
h3 {
	font: 1.2em "Trebuchet ms", arial;	
  padding-top: 1ex;
  padding-right: 1ex;
	padding-bottom: 0px;
	margin: 4px 0 3px 8px;
	line-height: 1ex;
}
h1.content_otsikko {
	position: absolute;
	top: 0px;
	left: 13px;
	padding: 0px;
	padding-right: 1em;
	margin: 0px;
	height: 50px;
	font: 25pt bold "Trebuchet ms", Arial;
	line-height: 1.5em;
	
	background: url(../kuvat/content/h1_tausta.png) right bottom no-repeat; 
}

.content .vasen .tekstikehys .teksti_wrap p.kappale { border-bottom: none; } 
.content .vasen .tekstikehys .teksti_wrap p.bb { border-bottom: 1px solid #eb8600; }
.piilo {
	visibility: hidden;
}
img.otsikkokuva {
	padding: 0px;
	margin-bottom: 0ex;
}
img.linkkikuva {
	display: block;
	padding-right: 1ex;
	border: none;
	float: left; 
}
img.linkkikuva_h {

	display: none;
}

/* otsikot loppuu */

/* yläteksti */

.teksti_yla {
	position: relative;
	padding: 1em 1ex 1ex 0em;
	width: 40%;
	float: right;
	padding-right: 4%;
	top: 3em;
}

/* tekstiosuus alkaa */

.sivulinkki {text-decoration: none; font-size: 0.9em;}
.sivulinkki:link {color: #000; }
.sivulinkki:active { color: #f00; text-decoration: underline;}
.sivulinkki:visited { color: #520; }
.sivulinkki:hover { color: #F60; text-decoration: underline; cursor: pointer;}

.linkki {text-decoration: none; font-size: 1em; color: #2F0;}
.linkki:link {color: #250; text-decoration: underline; }
.linkki:active { color: #f00; text-decoration: none;}
.linkki:visited { color: #520; text-decoration: underline; }
.linkki:hover { color: #F60; text-decoration: none; cursor: pointer;}


ul {
	display: block;
	list-style-type: none;
}
ul.kappale { 
	margin-top: 0px;
	padding-top: 1ex;
	}
li.kysymys { 
	display: block;
	font: 1em bold "Trebuchet ms", Arial;
	line-height: 1.5em;
	margin-left: 8px;
	color: #777;
}
		.vastaus {
			font: 1em normal sans-serif, arial;
			/*font-style: italic;*/
			color: #000;
			
		}


.content {
	position: relative;
	display: block;
	/* padding: 1em 1em 1ex 2em;	*/
	width: 90%;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	border: 1px;
}

/* kulmien pyöristys alkaa */

.oikea_top, .oikea_bottom { display: block; background: #ffffff; width: 100%; }
.oikea_top { background: #ffffff url(../kuvat/content/content_oyk.png) top right no-repeat;
						height: 50px; }
.content_vyk { padding: 0px; margin: 0px; border: 0px; top: 0px; left: 0px;}

.oikea_bottom {background: #ffffff url(../kuvat/content/content_oak.png) bottom right no-repeat;
						height: 31px; padding: 0px; margin: 0px;}
.content_vak { padding: 0px; margin: 0px; border: 0px; }

.tekstikehys {
	display:block;
	height: 100%;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #ffffff url(../kuvat/content/content_or.png) top right repeat-y;
	/*
	padding: 1px;
	
	padding-left: 2ex;
	padding-right: 2ex;
	padding-bottom: 1ex;
	border-left:1px solid #eb8600;
	border-right:1px solid #da7500; */
}
.teksti_wrap { padding: 1em; margin-right: 13px;
							 padding-top: 1px;
							
							 background: #ffffff url(../kuvat/content/content_vr.png) top left repeat-y; }

/* kulmien pyöristys loppuu */

.vasen {
	position: absolute;
	display: inline;
	/* left: 5px;*/ 
	border: 0px;
	width: 25%;	
	right: 1%;
	/* float: left;*/ 
	padding-left: 0px;
	/* background-color: #f2f2f2; */
	/* border: 1px solid #ffe1c8; */
	background-color: #ffffff;
}

.osionaytto { font-size: .8em; color: #777; }

ul.etusivu_uutiset { font-size: .9em; color: #000; list-style-type: none; padding-top: 0; margin-top: 0; }
ul.etusivu_uutiset li span.pvm { font-size: .8em; }

.oikea {
	position: relative;
	display: block;
	/* padding-top: 0px;	
	padding-bottom: 2em;
	padding-left: 4ex; */
	margin: 0px; 
	left: 0%;
	width: 72%;
	/* background-color: #FFA939; */
	/* border-left: 1px solid #eb8600;*/ 
	z-index: 10;
	background: #ffffff;
	
}

.kappale { position: relative; visibility: visible; margin: 0; margin-left: 8px; margin-top: .5em; padding-bottom: 3px;
          margin-bottom: 3px;}

.vinkki {
	color: #060;
}


/* tekstiosuus loppuu */

/* infosivun tyylit */
table.pnappaimet { border-collapse: collapse; margin-left: 15px; }
table.pnappaimet thead { background-color: #fce316; border-bottom: 1px solid #eb8000; }
table.pnappaimet td { padding: 0 1em 0 1em; }
table.pnappaimet .pna { text-align: right; border-right: 1px solid #777; }

/* infosivun tyylit loppuu*/


/* yhteyslomake-tyylittely alkaa */

#lomake {
	position: relative;
	padding-left: 3em;
	width: 85%;
}
form#yhteyslomake {
	text-align: right;
	width: 75%;
}
form#yhteyslomake fieldset {
	border: none;
	border-top: 1px solid #777;
	text-align:left;
	min-width: 23em;
	padding: 1ex;
	
}
form#yhteyslomake input, form#yhteyslomake textarea {
	border: 1px solid #FFdec3;
  font-family: courier;
	border-bottom: 1px solid #FFB274;
	width: 75%;
	margin-top: 1px;

	
}
form#yhteyslomake input:hover, form#yhteyslomake textarea:hover {
	border: 1px solid #aae;	
	/* border-bottom: 1px solid #aae;
	border-left: 1px solid #aae; */
	background: #fff url(../kuvat/content/lomake_tausta_y.png) bottom left repeat-x;
	
}
form#yhteyslomake input:focus, form#yhteyslomake textarea:focus {
	border: 1px solid #fbc25e;	
	border-bottom: 1px solid #fba40a;
	/* border-left: 1px solid #aae; */
	background: #ffe0a8 url(../kuvat/content/lomake_tausta_y.png) bottom left repeat-x;
}

form#yhteyslomake textarea {
	/* border-bottom: 1px solid #ed6b03;
	border-left: 1px solid #ed6b03; */	
	height: 25ex;
	font: 0.8em courier;
}

form#yhteyslomake label {
	clear:left;
	display: block;
	float: left;
	width: 5em;
	text-align:right;
	padding-right: 1ex;
}
form#yhteyslomake input.nappula {
	border: 1px outset #aae;	
	font-family: arial;
	width: auto;
	margin: 3px;
	float: right;
}
/* yhteyslomake loppuu */