/*

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. 
---------------------------------------------------------------

*/

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


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



.thumbrowbg {
background-color:#000000;
border-top:solid 1px #333333;
border-bottom:solid 1px #333333;
border-left:solid 1px #333333;
border-right:solid 1px #333333;
}

.thumbrowbg:hover {
background-image: url('../images/hoverthumbbg.jpg');
background-repeat:x-repeat;
background-color:#999999;
border-top:solid 1px #999999;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
}


.thumbtxttdbg {

/*  Perustyylit

font-family:verdana,arial,sans serif;
font-size:12px;
color:#000000;
*/

color:#666666;
background-color:#333333;
border-top:solid 1px #666666;
border-bottom:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
font-family:trebuchet ms, verdana, arial, tahoma;
font-size:12px;
}



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



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

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




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

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

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

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





/* -------------------------------------------- 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:12px;
color:#666666;
font-weight:normal;
}




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




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



.toppic {				 	   /*  taaimmaisen taustataulun yläkuva, myös taustaväri joka on hyvä olla sama kuin bodyn */
background-color:#000000;
background-image: url(../images/toppic2.jpg);
background-repeat:no-repeat;
/*
border-top: solid 1px #333333;
*/
color:#000000;

border-bottom: solid 1px #333333;
}

.topdiv {
background-color:#000000;
/*
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:gray;
font-weight:bold;
font-style:italic;
*/
}

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

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





 /* --------------------------------------------  MAINBEEGEET --------------------------------------------------- */



.mainbg_0 {	  		 	  /*  sisällön tausta */
color:#666666;
padding-left:40px;
padding-top:8pxpx;
padding-right:30px;
border-top: solid 1px #333333;
background: #000000 url('../images/mainbg_0.jpg') bottom right no-repeat;
position: relative;
z-index: 0;
height:350px;
}

.mainbg_1 {	  		 	  /*  sisällön tausta */
color:#666666;
padding-left:40px;
padding-top:6px;
padding-right:30px;
border-top: solid 1px #333333;
background: #000000 url('../images/mainbg_1.jpg') bottom right no-repeat;
position: relative;
z-index: 0;
height:350px;
}

.mainbg_2 {	  		 	  /*  sisällön tausta */
color:#666666;
padding-left:40px;
padding-top:6px;
padding-right:30px;
border-top: solid 1px #333333;
background: #000000 url('../images/mainbg_0.jpg') bottom right no-repeat;
position: relative;
z-index: 0;
height:350px;
}


.mainbg_3 {	  		 	  /*  sisällön tausta */
color:#666666;
padding-left:40px;
padding-top:6px;
padding-right:30px;
border-top: solid 1px #333333;
background: #000000 url('../images/mainbg_1.jpg') bottom right no-repeat;
position: relative;
z-index: 0;
height:350px;
}


.mainbg_4 {	  		 	  /*  sisällön tausta */
color:#666666;
padding-left:40px;
padding-top:6px;
padding-right:30px;
border-top: solid 1px #333333;
background: #000000 url('../images/mainbg_4.jpg') bottom right no-repeat;
position: relative;
z-index: 0;
height:350px;
}


.mainbg_5 {	  		 	  /*  sisällön tausta */
color:#666666;
padding-left:40px;
padding-top:6px;
padding-right:30px;
border-top: solid 1px #333333;
background: #000000 url('../images/mainbg_1.jpg') bottom right no-repeat;
position: relative;
z-index: 0;
height:350px;
}

.mainbg_g {	  		 	  /*  sisällön tausta */
color:#666666;
padding-left:40px;
padding-top:6px;
padding-right:30px;
border-top: solid 1px #333333;
background: #000000 url('../images/mainbg_0.jpg') bottom right no-repeat;
position: relative;
z-index: 0;
height:350px;
}

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


a.topnav:link, a.topnav:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#999999;
font-weight:normal;
text-decoration:none;
}

a.topnav:hover {
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#00CC00;
font-weight:normal;
text-decoration:none;
}


a.activetopnav:link, a.activetopnav:visited {
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#00CC00;
font-weight:normal;
text-decoration:none;
}

a.activetopnav:hover {
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#00CC00;
font-weight:normal;
text-decoration:none;
}




.topnavbg {   		 				 /*    vasen 'palkki', taustaväri - voi olla hyvä, jos on sama kuin pagetitlebg */
background-color:#000000;
/*
background-image: url(../images/topnavbg.jpg);
background-repeat:repeat-y;
*/

border-bottom: solid 1px #333333;
color:#666666;
}

.topnavtable {  						/*     topnav-tausta, minkä päällä topnavit killuu  */
background-color:transparent;
padding:0px;
}

.topnavtd { 					 		/* topnav-td - taulukon solu, minkä sisällä topnavlinkki on*/
white-space:nowrap;
/* background-image: url(../images/topnavtdbg.jpg);
background-repeat:repeat-x; 
*/
color:#666666;				/* topnav-td:ssä olevien nav.nuolten väri*/
background-color: ;
height:22px;
padding-left:10px;
padding-right:8px;

}

.topnavtd_last { 					 		/*topnav-td - taulukon viimeinen solu, minkä sisällä topnavlinkki on*/
white-space:nowrap;
/* background-image: url(../images/topnavtdbg.jpg);
background-repeat:repeat-x; 
background-color:#993300;
*/
color:#666666;				/* topnav-td:ssä olevien nav.nuolten väri*/
background-color: ;
height:22px;
padding-left:10px;
padding-right:8px;
}



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



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


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



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

.footerdiv{       /* "footteriviiva"*/

}

.footertd { /* eli footer*/
white-space:nowrap;
height:22px;
padding-left:8px;
background-color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
color:#666666;
font-weight:normal;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
}


.mod {
color:#333333;
}


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

.picdiv_1 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/1.jpg);
}
.picdiv_2 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/2.jpg);
}
.picdiv_3 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/1.jpg);
}
.picdiv_4 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/4.jpg);
}
.picdiv_5 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/1.jpg);
}
.picdiv_6 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/1.jpg);

}
.picdiv_7 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/1.jpg);


}
.picdiv_99 {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/1.jpg);
}


.picdiv_g {
background-repeat:no-repeat;
height:145px;
background-image:url(../contpics/5.jpg);
}



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

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


.selekti {	
width:250px;
height:20px;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
background-color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
padding-left:5px;
padding-top:3px;
}



.txtinput {		/*  teksti-inputti, nimi, puh/email  */
width:250px;
height:20px;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
background-color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
padding-left:5px;
padding-top:3px;
}

.tarea  { 		/* viestin tekstialue */
width:100%;
height:200px;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
background-color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
padding-left:8px;
padding-right:8px;
padding-top:3px;
}

	.potikka {
	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;
	}

	.potikka:hover {
	background-image: url(../images/vkirjatitlebg.jpg);
	background-position:0% -4px;
	width:100px;
	height:24px;
	background-color:transparent;
	color:#00CC00;
	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;
	}


blockquote { 
letter-spacing: 0.1em 
}

.nw {
white-space:nowrap;
}


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


	div.vkirjavtxt{
	
	font-family:verdana,arial,sans serif;
	font-size:11px;
	font-weight:normal;
	color:#999999;
	
	height: 400px;
	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;
	padding-top:7px;
	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;
	padding-top:7px;
	/*
	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:98%;
	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:98%;
	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:#00CC00;
	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;
	}


.smalltxt {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
}
.greentxt {
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
color:#00CC00;
font-weight:normal;
}