/***********************************************/
/* Stylet 4TS websaittiin                     */
/* Kaikki oikeudet pidätetään                */
/* Tekijä: Sivuprojekti                     */
/*******************************************/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	padding:0px;
	background-color:#FFFFFF);
	scrollbar-face-color: #green;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #EEEEEE;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #595959;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #404040;

}

p, td{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	}
p {
  margin-bottom: 5px;
  padding-bottom: 0px;
}
.padding {
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	border-left:#e0e0e0 1px solid;
	}
.imgpad {
	padding-bottom:5px;
	}
.sidenav {
	padding-top:10px;
	}

A:link {color: #558df1;	text-decoration:none;}
A:hover {text-decoration:underline;}
A:visited {color: #558df1; text-decoration:none;}

H2 a:link {font-weight:bold; color:#FF6600;}
H2 a:visited {font-weight:bold; color:#FF6600;}
h5 a:link {font-weight:bold; color:#999999;}
h5 a:visited {font-weight:bold; color:#999999;}
.navilinks A {text-decoration:none; font-weight:bold;}
#extralinks A {text-decoration:underline;}

h1{
 font-family: Arial, sans-serif;
 font-size: 140%;
 color: #000000;
 margin: 0px;
 margin-bottom: 5px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #000000;
 margin: 0px;
 padding: 0px;
 font-weight:bold;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #000000;
 margin-bottom: 0px;
 font-weight:bold;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 80%;
 color: #666666;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: #666666;
 margin: 0px;
 padding: 0px;
 font-weight:bold;
}

ul{
 list-style-type: square;
 margin-top: 3px;
 padding-top: 0px;
}
hr{
 border:0;
 border-top:1px solid;
 width:100%;
 color:#e0e0e0;
 backround-color:#e0e0e0;
 height:0px;
}
/***********************************************/
/* Hover linkit                                */
/***********************************************/

a.n1 {
 display:block;
 width: 97px;
 height: 25px;
 background-image: url(../images/n1.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.n1:hover {
 background-image: url(../images/n11.jpg);
}
a.n2 {
 display:block;
 clear: none;
 width: 94px;
 height: 25px;
 background-image: url(../images/n2.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.n2:hover {
 background-image: url(../images/n22.jpg);
}
a.n3 {
 display:block;
 clear: none;
 width: 62px;
 height: 25px;
 background-image: url(../images/n3.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.n3:hover {
 background-image: url(../images/n33.jpg);
}
a.n4 {
 display:block;
 clear: none;
 width: 114px;
 height: 25px;
 background-image: url(../images/n4.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.n4:hover {
 background-image: url(../images/n44.jpg);
}
a.f1 {
 display:block;
 width: 90px;
 height: 25px;
 background-image: url(../images/f1.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.f1:hover {
 background-image: url(../images/f11.jpg);
}
a.f2 {
 display:block;
 clear: none;
 width: 68px;
 height: 25px;
 background-image: url(../images/f2.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.f2:hover {
 background-image: url(../images/f22.jpg);
}
a.f3 {
 display:block;
 clear: none;
 width: 148px;
 height: 25px;
 background-image: url(../images/f3.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.f3:hover {
 background-image: url(../images/f33.jpg);
}
a.f4 {
 display:block;
 clear: none;
 width: 78px;
 height: 25px;
 background-image: url(../images/f4.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.f4:hover {
 background-image: url(../images/f44.jpg);
}
a.f5 {
 display:block;
 clear: none;
 width: 118px;
 height: 25px;
 background-image: url(../images/f5.jpg);
 margin-left: 10px;
 margin-right: 10px;
}
a.f5:hover {
 background-image: url(../images/f55.jpg);
}
a.y1 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/y1.jpg);
}
a.y1:hover {
 background-image: url(../images/y11.jpg);
}
a.y2 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/y2.jpg);
}
a.y2:hover {
 background-image: url(../images/y22.jpg);
}
a.y3 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/y3.jpg);
}
a.y3:hover {
 background-image: url(../images/y33.jpg);
}
a.y4 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/y4.jpg);
}
a.y4:hover {
 background-image: url(../images/y44.jpg);
}
a.jm1 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/jm1.jpg);
}
a.jm1:hover {
 background-image: url(../images/jm11.jpg);
}
a.jm2 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/jm2.jpg);
}
a.jm2:hover {
 background-image: url(../images/jm22.jpg);
}
a.jm3 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/jm3.jpg);
}
a.jm3:hover {
 background-image: url(../images/jm33.jpg);
}
a.r1 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/r1.jpg);
}
a.r1:hover {
 background-image: url(../images/r11.jpg);
}
a.r2 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/r2.jpg);
}
a.r2:hover {
 background-image: url(../images/r22.jpg);
}
a.r3 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/r3.jpg);
}
a.r3:hover {
 background-image: url(../images/r33.jpg);
}
a.r4 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/r4.jpg);
}
a.r4:hover {
 background-image: url(../images/r44.jpg);
}
a.et1 {
 display:block;
 clear: none;
 width: 173px;
 height: 190px;
 background-image: url(../images/et1.jpg);
}
a.et1:hover {
 background-image: url(../images/et11.jpg);
}
a.et2 {
 display:block;
 clear: none;
 width: 178px;
 height: 190px;
 background-image: url(../images/et2.jpg);
}
a.et2:hover {
 background-image: url(../images/et22.jpg);
}
a.et3 {
 display:block;
 clear: none;
 width: 178px;
 height: 190px;
 background-image: url(../images/et3.jpg);
}
a.et3:hover {
 background-image: url(../images/et33.jpg);
}
a.et4 {
 display:block;
 clear: none;
 width: 171px;
 height: 190px;
 background-image: url(../images/et4.jpg);
}
a.et4:hover {
 background-image: url(../images/et44.jpg);
}
a.et11 {
 display:block;
 clear: none;
 width: 173px;
 height: 190px;
 background-image: url(../images/et1.jpg);
}
a.et11:hover {
 background-image: url(../images/et111.jpg);
}
a.et22 {
 display:block;
 clear: none;
 width: 178px;
 height: 190px;
 background-image: url(../images/et2.jpg);
}
a.et22:hover {
 background-image: url(../images/et222.jpg);
}
a.et33 {
 display:block;
 clear: none;
 width: 178px;
 height: 190px;
 background-image: url(../images/et3.jpg);
}
a.et33:hover {
 background-image: url(../images/et333.jpg);
}
a.et44 {
 display:block;
 clear: none;
 width: 171px;
 height: 190px;
 background-image: url(../images/et4.jpg);
}
a.et44:hover {
 background-image: url(../images/et444.jpg);
}
a.t1 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/t1.jpg);
}
a.t1:hover {
 background-image: url(../images/t11.jpg);
}
a.t2 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/t2.jpg);
}
a.t2:hover {
 background-image: url(../images/t22.jpg);
}
a.t3 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/t3.jpg);
}
a.t3:hover {
 background-image: url(../images/t33.jpg);
}
a.t4 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/t4.jpg);
}
a.t4:hover {
 background-image: url(../images/t44.jpg);
}
a.t5 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/t5.jpg);
}
a.t5:hover {
 background-image: url(../images/t55.jpg);
}
a.t6 {
 display:block;
 clear: none;
 width: 140px;
 height: 18px;
 background-image: url(../images/t6.jpg);
}
a.t6:hover {
 background-image: url(../images/t66.jpg);
}
.right{
 align:right;
}
/***********************************************/
/* Rakenne DIV's                               */
/***********************************************/

#wrap{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:#FFFFFF;
	}

#extralinks{
	width:200px;
	height:20px;
	right:0px;
	position:absolute;
	text-align:right;
	padding-right:10px;
	}

#logo{
	width:190px;
	height:60px;
	position:absolute;
	left:0px;
	}

.copyright{
	height:50px;
	width:800px;
	position:relative;
	color:#666666;
	background-image: url(../images/copy2.jpg)
	}
.info{
	border-top:#e0e0e0 0px solid;
	border-right:#e0e0e0 1px solid;
	text-align:left;
	padding:4px;
	}
.info2{
	border-top:#e0e0e0 0px solid;
	text-align:left;
	padding:4px;
	}
.info3{
	padding:5px;
	background-color:#efefef;
	border-right:#ffffff 6px solid;
	}
.info4{
	padding:5px;
	background-color:#efefef;
	}
.topline{
	height:28px;
	border-bottom:#e0e0e0 1px solid;
	}
.bar{
	height:15px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-image: url(../images/bar.jpg)
	}