/*

SISÄLLYSLUETTELELO ('jos teet muutoksia järjestykseen ('mitä ei suositella'), päivitä myös sisällysluettelo')
---------------------------------------------------------------

- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"
- BODY ELI TAUSTA 
- MUITA TAUSTOJA, TAULUKOT
- topnav-SOLUT JA ('PÄÄ')LINKIT, YLÄPALKKI
- VASEN PALKKI
- SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY
- FOOTER, "BOTTOM" 
- DIV-KUVAT
- MUITA, LOMAKKEET, POTIKAT YMS. 
---------------------------------------------------------------



oranssi F58B33

*/





 /* -------------------------------------------- YLEISLINKIT, LINKIT JOS EI MÄÄRITETTY LUOKKAA, "NIMEÄ"  --------------------------------------------------- */



a:link,a:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#62a3b4;
}

a:hover {
font-family:verdana,arial,helvetica,sans-serif;
color:#ffffff;
font-weight:normal;
text-decoration:none;
}



a.footerlnk,a.footerlnk:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:none;
}

a.footerlnk:hover {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#ffffff;
font-weight:normal;
text-decoration:none;
}



 /* -------------------------------------------- topnav-LINKIT ('YLÄ NAVIGOINTI'), VASEN PALKKI  --------------------------------------------------- */

a.activetopnav {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#62a3b4;
font-weight:bold;
text-decoration:none;
}
 
a.topnav {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:bold;
text-decoration:none;
}

a.topnav:hover {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#62a3b4;
font-weight:bold;
text-decoration:none;
}





a.activestatnav {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
 
a.statnav {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#62a3b4;
font-weight:bold;
text-decoration:none;
}

a.statnav:hover {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:bold;
text-decoration:none;
}


.topnavbg {   		 				 /*    vasen 'palkki', taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
color:#666666;
border-bottom: solid 1px #333333;
background-image: url('../images/topnavbg.jpg'); 
background-repeat: repeat-x;
}

.topnavtable { 
background-color:transparent;
}


/*
border-top: solid 1px #333333;
background-color:#62a3b4;
background-color:#62a3b4;
*/

.activetopnavtd { 	
height:25px;
background-image: url('../images/topnavbg.jpg'); 
background-position:0% -4px;
background-repeat: repeat-x;
white-space:nowrap;
background-color:;
padding-left:10px;
padding-right:10px;
border-right: solid 1px #333333;
}

.activetopnavtd_last { 		
white-space:nowrap;
padding-left:10px;
padding-right:10px;
}



.topnavtd { 			
height:25px;
background-image: url('../images/topnavbg.jpg'); 
background-repeat: repeat-x;
white-space:nowrap;
background-color:;
padding-left:10px;
padding-right:10px;
border-right: solid 1px #333333;
}

.topnavtd:hover { 		
height:25px;	
background-image: url('../images/bodybg.jpg'); 
background-position:0% -4px;
background-repeat: repeat-x;
white-space:nowrap;
background-color:;
padding-left:10px;
padding-right:10px;
border-right: solid 1px #333333;
}


.topnavtd_last { 					 
height:25px;
background-image: url('../images/topnavbg.jpg'); 
background-repeat: repeat-x;
white-space:nowrap;
background-color:;
padding-left:10px;
padding-right:10px;
}



.midnav {
padding-left:10px;
padding-bottom:2px;
white-space:nowrap;
background-image: url('../images/midnavbg.jpg'); 
background-repeat: repeat-x;
background-color:#000000;
color:#efefef;;
font-weight:bold;
}





/* -------------------------------------------- BODY ELI TAUSTA --------------------------------------------------- */

body {
background-color:#000000;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:40px;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:normal;
background-image: url('../images/bodybg.jpg'); 
background-repeat: no-repeat;
}


/* ------------------------------------  MUITA TAUSTOJA, TAULUKOT ------------------------------------------- */

.bordertd {
padding-bottom: 50px;
background-image: url('../images/footerbg.gif');
background-position: bottom left;
background-repeat:repeat-x;

}


.bgtable { 					/*  taaimmaisen taulun tausta  */
color:#000000;
background-color:;
}



.toppic {
background-color:;
background-image: url('../images/topbg.jpg');
background-repeat:repeat-x;
}

.topdiv {
background-color: #000000;
background-image: url('../images/topdivbg.jpg');
color:#000000;
}

.slogan {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:bold;
font-style:italic;
}

.logo {
/* background-image: url('../images/logo.jpg'); */
color:#000000;
}

.logotbg {
color:#cccccc;
}





/* ------------------------------------ SISÄLTÖTEKSTIN FONTTIEN MÄÄRITTELY ------------------------------------------- */



td,p,br,div,hr,li,contenttxt {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:normal;
}

.tdTableHeader {
background-color: #000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:bold;
}


.mainleft {	  		 	  /*  sisällön tausta */
color:#cccccc;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:20px;
}

.mainright {	  		 	  /*  sisällön tausta */
color:#cccccc;
}


.ajankohtaista {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
padding-top:8px;
padding-top:10px;
padding-left:10px;
padding-right:15px;
}






.title {						/*   otsikko  */
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:bold;
}

.newstitle {						/*   uotsikko  */
height:25px;
background-color: #62a3b4;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:bold;
padding-left:5px;
border-bottom: solid 1px #000000;
}

.news {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#cccccc;
font-weight:normal;
padding-left:7px;
padding-right:15px;
padding-top:7px;
padding-bottom:10px;
}

.strow {

}
.ndrow {
background-image: url('../images/ndrowbg.jpg'); 
background-repeat: repeat-x;
}

.ifirst {
border-top: solid 1px #1F1F1F;
border-left: solid 1px #1F1F1F;
}
.imid{
border-top: solid 1px #1F1F1F;
}
.ilast {
border-top: solid 1px #1F1F1F;
border-right: solid 1px #1F1F1F;
}

.lastrow {
border-top: solid 1px #1F1F1F;
}


hr.lightblue {
background-color: #62a3b4;
}
hr.yell {
background-color: #333333;
}



/* ------------------------------------  FOOTER, "BOTTOM" ------------------------------------------- */

.footerdiv{       /* "footteriviiva"*/

}

.footertd { 
border-top: solid 1px #171717;
border-bottom: solid 1px #171717;
color:#666666;
}

div.nwfooterdiv { 
color:#666666;
white-space:nowrap;
}



/* ------------------------------------ SISÄLLÖN DIV-KUVAT ------------------------------------------- */

.picdiv_ {
background-repeat:no-repeat;
height:120px;
background-image: url('../contpics/2.jpg');
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.picdiv_1 {
background-repeat:no-repeat;
height:120px;
background-image: url('../contpics/2.jpg');
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.picdiv_2 {
background-repeat:no-repeat;
height:120px;
background-image: url('../contpics/2.jpg');
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.picdiv_3 {
background-repeat:no-repeat;
height:120px;
background-image: url('../contpics/2.jpg');
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.picdiv_4 {
background-repeat:no-repeat;
height:120px;
background-image: url('../contpics/2.jpg');
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}


.popborderpic  {		/*   rajat vasemman palkin kuviin  */
border-bottom: solid 1px #666666;
border-right: solid 1px #666666;
border-top: solid 1px #666666;
border-left: solid 1px #666666;
}

.borderpic {
border-bottom: solid 1px #666666;
border-left: solid 1px #666666;
border-top: solid 1px #666666;
border-right: solid 1px #666666;
border-left: solid 1px #666666;
}

.hpic {
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
border-top: solid 1px #333333;
border-right: solid 1px #333333;
border-left: solid 1px #333333;
}

.picbg {

}


/* ------------------------------------ MUITA, LOMAKKEET, POTIKAT YMS. ------------------------------------------- */

.selekti {

width:170px;
height:20px;
border-top: solid 1px #62a3b4;
border-bottom: solid 1px #62a3b4;
border-left: solid 1px #62a3b4;
border-right: solid 1px #62a3b4;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#ffffff;
}

.txtinput {		/*  teksti-inputti, nimi, puh/email  */

width:250px;
height:20px;
border-top: solid 1px #62a3b4;
border-bottom: solid 1px #62a3b4;
border-left: solid 1px #62a3b4;
border-right: solid 1px #62a3b4;
background-color:#ffffff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#cccccc;

}

.tarea  { 		/* viestin tekstialue */

width:80%;
height:100px;
border-top: solid 1px #62a3b4;
border-bottom: solid 1px #62a3b4;
border-left: solid 1px #62a3b4;
border-right: solid 1px #62a3b4;
background-color:#ffffff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:normal;
color:#cccccc;
}

.potikka  {		/*  lähetä-painike  */
background-image: url(../images/vkirjatitlebg.jpg);
background-color:#000000;
width:100px;
height:22px;
border-top: solid 1px #ffffff;
border-bottom: ridge 2px #000000;
border-left: solid 1px #ffffff;
border-right: ridge 2px #000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
}


.potikka:hover {
	background-image: url(../images/vkirjatitlebg.jpg);
	background-position:0% -4px;
	color:#62a3b4;
}



blockquote { 
letter-spacing: 0.1em 
}



#dropmenudiv{
font-weight: normal;
color: #cccccc;
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 11px;
background-color: #000000;
text-align: left;
border: 1px solid #171717;
line-height:18px;
z-index:100;
position:absolute;
}


#dropmenudiv a:hover{ /*hover background color*/
background-color: #000000;
color: #FF9900;
background-position:0% -1px;
}

/* background-position:0% -4px;  background-image: url(../images/menubg.jpg); */

#dropmenudiv a{
height:22px;
color: #cccccc;
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px solid #171717;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
background-color: #000000;
background-image: url(../images/midnavbg.jpg);
}




/* ------------------------------- vkirja ------------------------------------*/


	div.vkirjavtxt{
	
	font-family:verdana,arial,sans serif;
	font-size:11px;
	font-weight:normal;
	color:#999999;
	
	height: 300px;
	overflow: auto;
	text-align: left;

	vertical-align: top;

	scrollbar-base-color: #333333;
	scrollbar-arrow-color: #009900;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #333333;
	scrollbar-track-color: #000000;
	
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	

	}
	
	.vkirjastrow {
	background-color:#333333;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	/*
	border-right: solid 1px #333333;
	*/
	font-family:verdana,arial,sans serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	}
	
	.vkirjandrow {
	background-color:;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	/*
	border-right: solid 1px #333333;
	*/
	font-family:verdana,arial,sans serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	}
	
	.vkirjatxtinput {
	
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:0px;
	
	width:200px;
	height:20px;
	font-family:verdana,arial,sans serif;
	font-size:12px;
	color:#999999;
	background-color:transparent;
	
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	}
	
	.vkirjatarea {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	
	width:60%;
	height:100px;
	font-family:verdana,arial,sans serif;
	font-size:12px;
	color:#999999;
	background-color:transparent;
	
	scrollbar-base-color: #333333;
	scrollbar-arrow-color: #009900;
	scrollbar-face-color: #333333;
	scrollbar-highlight-color: #666666;
	scrollbar-shadow-color: #333333;
	scrollbar-track-color: #000000;
	
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	}
	
	.vkirjatitle {
	
	background-image: url(../images/vkirjatitlebg.jpg);
	
	height:24px;
	padding-left: 10px;
	font-family:verdana,arial,sans serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	background-color:#333333;
	
	border-top: solid 1px #333333;
	/*
	border-bottom: solid 1px #333333;
	*/
	
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	
	}
	
	
	.vkirjapotikka {
	background-image: url(../images/vkirjatitlebg.jpg);
	width:100px;
	height:24px;
	background-color:transparent;
	color:#999999;
	font-family:verdana,arial,sans serif;
	font-size:12px;
	font-weight:normal;
	border-top: solid 1px #333333;
	border-bottom: solid 2px #000000;
	border-left: solid 1px #333333;
	border-right: solid 2px #000000;
	}

	.vkirjapotikka:hover {
	background-image: url(../images/vkirjatitlebg.jpg);
	background-position:0% -4px;
	width:100px;
	height:24px;
	background-color:transparent;
	color:#62a3b4;
	font-family:verdana,arial,sans serif;
	font-size:12px;
	font-weight:normal;
	border-top: solid 1px #333333;
	border-bottom: solid 2px #000000;
	border-left: solid 1px #333333;
	border-right: solid 2px #000000;
	}