/* yleiset */

body {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	margin: 0px; 
	font-family: arial, geneva, helvetica, sans-serif;
	font-size : 11px;
/*	line-height : 16px;
	letter-spacing : 1px;*/
	color: #000000;
	background: #ffffff;

}

p, blockquote {
	font-family: arial, geneva, helvetica, sans-serif;
	font-size : 11px;
	line-height : 16px;
	letter-spacing : 1px;
}

form {
	font-family: arial, geneva, helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : 1px;
}

input, textarea {
	font-family: arial, geneva, helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : 1px;
	background: #f5f5f5;
	color : #000000;
}

.painike {
	font-family: arial, geneva, helvetica, sans-serif;
	font-size : 11px;
	background: #f4a460;
	border : 1px solid #4682b4;
	color : #000000;
	font-weight : normal;
	padding-bottom : 1px;
	padding-left : 1px;
	padding-right : 1px;
	padding-top : 1px;
}

ul {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size : 11px;
	list-style-type : square;
	letter-spacing : 1px;
}

ol {
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : 1px;
}





/* linkit */

a:link  {
	font-family : arial, verdana, georgia, helvetica, sans-serif;
	font-size : 11px;
	color : #4169e1; /* #000084 */
	letter-spacing : 1px;
	font-weight : normal;
	text-decoration : none;
	background: transparent; 
} 

a:visited {
	font-family : arial, verdana, georgia, helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #778899;
	letter-spacing : 1px;
	text-decoration : none;
	background: transparent; 
}

a:hover {
	font-family : arial, verdana, georgia, helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #a0522d; 
	letter-spacing : 1px;
	text-decoration : underline;
	background: transparent; 
}

a.master:link  {
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	color : #4169e1; /* #000084 */
	font-weight : normal;
	text-decoration : none;
	background: transparent; 
	letter-spacing : 0.1em; 
} 

a.master:hover  {
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	color : #4169e1; /* #a0522d */
	font-weight : normal;
	text-decoration : none;
	background: #d8bfd8; /*thistle*/
	letter-spacing : 0.1em;
} 

a.master:visited  {
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	color : #778899; /* #000084 */
	font-weight : normal;
	text-decoration : none;
	background: transparent; 
	letter-spacing : 0.1em; 
} 

a.pentue:link  {
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	color : #4169e1; /*  #000084 */
	font-weight : normal;
	text-decoration : none;
	background: transparent; 
	letter-spacing : 0.1em;
	padding-right: 0px; 
	border-right-width: 50em;
	
} 

a.pentue:hover  {
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	color : #4169e1; /* #a0522d */
	font-weight : normal;
	text-decoration : none;
	background: #d8bfd8; /*thistle*/
	letter-spacing : 0.1em;
	padding-right: 1000px;
	border-right-width: 50em;
} 

a.pentue:visited  {
	font-family : arial, helvetica, sans-serif;
	font-size : 12px;
	color : #778899; /* #000084 */
	font-weight : normal;
	text-decoration : none;
	background: transparent; 
	letter-spacing : 0.1em; 
	padding-right: 1000px;
	border-right-width: 50em;
	
} 

/* asemat */


#vylakulma {
	left: 0px; 
	position: absolute; 
	top: 0px;
	/*z-index: 2;*/
}


#inne {
	left: 200px; 
	width: 500px; /* 460px; */
	position: absolute; 
	top: 120px;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 20px; 
	padding-top: 30px;
	z-index: 2;
	/*height: 100%;*/
 	border-right: 1px solid #FF69B4; /* #d2691e chocolate */
	border-top: 1px solid #FF69B4;
}

.navi {
	position:absolute;
  	top: 0px;
  	left: 200px; 
	width: 500px; /* 460px; */
  	color: #FF69B4;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
  	background: transparent;
	border-right: 1px solid #FF69B4; /* #d2691e chocolate */
	border-bottom: 1px solid #FF69B4;
	/*z-index: 2;*/
	font: 8pt verdana, arial, helvetica, sans-serif;
}

.navi2 {
	position:absolute;
  	top: 30px;
  	left: 200px; 
	width: 500px; /* 460px; */
  	color: #FF69B4;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
  	background: transparent;
	border-right: 1px solid #FF69B4; /* #d2691e chocolate */
	border-bottom: 1px solid #FF69B4;
	/*z-index: 2;*/
	font: 8pt verdana, arial, helvetica, sans-serif;
}

/* muotoilut */

.nosto {
	font-family : arial, verdana, georgia, helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : 1px;
	color : black;
	background: #ededed; /* #ffe888 */
	padding : 10px;
	width: 97%;
	border-style: dashed;
	border-width: 1px;
	border-color: #bbbbbb; /* #bdc0dd */
}	

.pieni {
	font-family : arial, verdana, georgia, helvetica, sans-serif;
	font-size : 11px;
	text-align: center;
	letter-spacing : 1px;
	font-weight: normal;
	color: #000000;
	background: #f5f5f5;
	/*width: 420px;*/
	padding : 1px;
	/*border-bottom : #c8e0e8 1px solid;*/
}

.otsikko {
	left: 200px; 
	/*width: 420px;*/ 
	position: absolute; 
	top: 97px;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	z-index: 2;
	color: #FF69B4; /* #0066cc; */
	font-weight: normal;
	font-family: georgia, verdana, geneva, helvetica, sans-serif;
	font-size : 14pt;
	/*text-align: right;*/
	letter-spacing: 0.1em;
	background: #ffffff; /*#ff9966; #cc99cc;*/
/*	width: 100%;*/
}

.extra {
	left: 10px; 
	position: absolute; 
	top: 320px;
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size : 11px;
	line-height : 12pt;
	/*border-top: #c8e0e8 1px solid;*/
	border-left: #c8e0e8 1px solid;
	/*border-bottom: #c8e0e8 1px solid;*/
	padding-left : 6px;
	letter-spacing: 1px;
	background: #ffffff;
	color : #000000;
	width: 160px;
}

.viiva {
	border-top: #dcdcdc 1px solid;
	border-bottom: #ffffff 1px solid; 
	
}

.taulukko

{
	font-family: arial, verdana, geneva, helvetica, sans-serif;
	font-size : 11px;
	letter-spacing : 1px;
	
}



/* otsikot */

h2 {
	font-family : arial, verdana, georgia, helvetica, sans-serif;
	color : black;
	background: transparent;
	font-size : 13px;
	font-style : normal;
	font-weight : bold;
	padding-top: 5px;
	letter-spacing: 1px;
}


h2.cv {
	font-family : arial, verdana, georgia, helvetica, sans-serif;
	color : black;
	background: #f5f5f5;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	/*width: 420px;*/
	padding: 1px;
	letter-spacing: 1px;
}

h3 {
	font-family : arial, verdana, helvetica, sans-serif;
	color : black;
	background: transparent;
	font-size : 8pt;
	font-style : normal;
	font-weight : bold;
	padding-top: 5px;
	letter-spacing: 1px;
}	

h3.linkit {
	font-family : arial, verdana, helvetica, sans-serif;
	color : #000000;
	background: transparent;
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	padding: 1px;
	letter-spacing: 1px;
	border-bottom: #ffa07a 1px dashed;
	width: 100%;
}	

