
/*----------------------------- linkit --------------------------------------*/

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


a.topnav:link, a.topnav:visited {
font-family:verdana,arial,sans serif;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
a.topnav:hover{
font-family:verdana,arial,sans serif;
font-size:11px;
color: #ffd200;
font-weight:normal;
text-decoration:none;
}



/*----------------------------- body, fontti, lista --------------------------------------*/


body {
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
background-color:#3a0e57; 
background-image: url(../images/bg.jpg);
background-repeat:repeat-x;
}

td,div,p,br,hr {
font-family:verdana,arial,sans serif;
font-size:11px;
color:#FFFFFF;
}


ul { 
/*list-style-image: url(../Images/bullet.gif); */
margin-left: 20px; margin-bottom: 10px; margin-top: 0; padding:0;
color:#FFFFFF;
}



/*----------------------------- top stuff --------------------------------------*/



.toppic {				 	   /*  taaimmaisen taustataulun yläkuva, myös taustaväri joka on hyvä olla sama kuin bodyn */
background-color:transparent;
background-image: url(../images/toppic.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}


.topnavbg { /* topnav-bg - jos haluaa rajat topnaviin*/
border-bottom: solid 1px #3a0e57;

}


.topnavtd { 					 		/* topnav-td - taulukon solu, minkä sisällä topnavlinkki on*/
white-space:nowrap;
color:#FFFFFF;
background-color:transparent;
height:22px;
padding-left:8px;
padding-right:8px;
}

.topnavtd_last { 					 		/* topnav-td - taulukon solu, minkä sisällä topnavlinkki on*/
white-space:nowrap;
color:#FFFFFF;
background-color:transparent;
height:22px;
padding-left:8px;
padding-right:8px;
}


div.picnavdiv {
white-space:nowrap;
}


.navpic {                                   /*           topnavpic -jutut         */
border-left: solid 1px #764595;
border-top: solid 1px #764595;
border-right: solid 1px #764595;
border-bottom: solid 1px #764595;
}

.navpic:hover {
border-left: solid 1px #764595;
border-top: solid 1px #764595;
border-right: solid 1px #764595;
border-bottom: solid 1px #ffd200;
}



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

.picdiv_1 {
background-color: #bfc2c7;
background-repeat:no-repeat;
height:270px;
background-image:url(../contpics/1.jpg);
border-bottom: solid 1px #3a0e57;
}


.bgtable {

}

.txt {
padding-top:25px;
}

.mainbg,content {
font-family:verdana,arial,sans serif;
font-weight:normal;
font-size:11px;
color:#FFFFFF;
}

.whtbg {
background-color:#ffffff;
color:#FFFFFF;
}

.pagetitle {
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:18px;
color:#FFFFFF;
}



.ititle {
font-family:verdana,arial,sans serif;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
/*
font-style:italic;
*/
}

img.imagemail {
vertical-align: bottom;
}


/* ------------------------------------  footer ------------------------------------------- */

.footertd {
height:22px;
font-family:verdana,arial,sans serif;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
/*
border-top:solid;
border-width:1px;
border-color:#666666;
background-image: url(../images/toppic.jpg);
background-repeat:repeat-x;
*/
}

/* ------------------------------------ muuta ------------------------------------------- */

.copy {
font-family:verdana,arial,sans serif;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
border-top:solid;
border-width:1px;
border-color:#996600;
}

.borderpic {
border: solid 1px #cccccc;
}


.nw{
white-space:nowrap;
}

.strow {
background-color:#993300;
}

.ndrow {
}

/* ------------------------------------ lomake ------------------------------------------- */


.selekti {
height:18px;
width:250px;
border-style:solid;
border-width:1px;
border-color:#3a0e57;
font-family:verdana,arial,sans serif;
font-size:11px;
color:#000000;
background-color:#FFFFFF;
font-weight:normal;
}

.txtinput {
padding-top:3px;
padding-left:3px;
height:18px;
width:250px;
border-style:solid;
border-width:1px;
border-color:#3a0e57;
font-family:verdana,arial,sans serif;
font-size:11px;
color:#000000;
background-color:#FFFFFF;
font-weight:normal;
}

.tarea {
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
border-style:solid;
border-width:1px;
border-color:#3a0e57;
font-family:verdana,arial,sans serif;
font-size:11px;
color:#000000;
background-color:#FFFFFF;
font-weight:normal;
}

.potikka {
height:23px;
width:80px;
border-bottom:solid 2px #3a0e57;
border-right:solid 2px #3a0e57;
border-left:solid 1px #3a0e57;
border-top:solid 1px #3a0e57;
font-family:verdana,arial,sans serif;
font-size:11px;
font-weight:normal;
color:#000000;
background-color:#FFFFFF;
}

.potikka:hover {
height:23px;
width:80px;
border-bottom:solid 2px #3a0e57;
border-right:solid 2px #3a0e57;
border-left:solid 1px #3a0e57;
border-top:solid 1px #3a0e57;
font-family:verdana,arial,sans serif;
font-size:11px;
font-weight:normal;
color:#000000;
background-color:#cccccc;
}



/* ------------------------------------  ------------------------------------------- */
