.hide {
display: none;
}

.vasen {

text-align: left;

}

.star {

color: red;

}

input, textarea, select {

border: 1px #668704 solid ;

}

.theunderline {
	font-family: arial, sans-serif; /* garamond 11 pt bold*/
	font-size: 12px;	
	font-style: normal;
	font-weight: bold;
	align: left;
	color: #00a94e;

	padding-left: 5px;
}


td {
	font-family: verdana, serif; /* garamond 11 pt */
	font-size: 8pt;	
	font-style: normal;
	font-weight: normal;
	align: left;

	margin: 0px;
	padding: 5px;  /* 7 */
	
	


}





.small {
	font-family: arial, sans-serif; /* garamond 11 pt bold*/
	font-size: 10px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #333;
}



body
{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: top center; 


/* text-align: left; */
}

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */


/* no list-markers by default, since lists are used more often for semantics */


/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }


ul,ol,li {

text-align: left;
padding: 0;
margin-left: 35px;

}


/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

hr {
color: #fff;
background-color: #fff;
border: 1px solid #ccc;
border-style: none none dotted;
}




.taimitarha {
text-align: left;
padding: 0px 15px 0px 30px;

}



p {
	font-family: arial, sans-serif; /* garamond 11 pt bold*/
	font-size: 13px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;
}




h1 {
	font-family: arial, sans-serif;
	font-size: 14px;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #00a94e;
	padding-bottom: 10px;

}


h2 {
	font-family: arial, sans-serif;
	font-size: 13px;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #00a94e;

}

h3 {
	font-family: arial, sans-serif;
	font-size: 14px;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #00a94e;
	padding: 20px 0px 0px 30px ;

}

h4 {
	font-family: arial, sans-serif;
	font-size: 14px;	
	font-style: normal;
	font-weight: BOLD;
	align: left;
	color: #00a94e;


}






a:link {

	font-family: arial, sans-serif; /* garamond 11 pt bold*/
	font-size: 13px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #00a94e;

}

a:visited {

	font-family: arial, sans-serif; /* garamond 11 pt bold*/
	font-size: 13px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #333333;
}

a:hover {	

	font-family: arial, sans-serif; /* garamond 11 pt bold*/
	font-size: 13px;	
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	align: left;
	color: #00a94e;


}

a:active {

	font-family: arial, sans-serif; /* garamond 11 pt bold*/
	font-size: 13px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #00a94e;

}




a.linkki:link {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a.linkki:visited {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a.linkki:hover {	

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

a.linkki:active {

	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #5b5b5b;

}

.printhide {



}


.printtext {

display: none;

}


.kuvakentta {

padding: 20px 20px 20px 20px;

}

.kuvapad {

padding: 0 7px 0 0;

}


########### THE DIVS ############


#kuvakentta {
text-align: left;
align:left;
float: left;
width: 422px;
}



#container {

	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}


#yhteystiedot {

float: left;
width: 237px;

}



#maincontainer {

	width: 920px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;


	}
	
#header {

	width: 920px;
	height: 314px;
	text-align: center;

}
	
	
	

#navi {
	float: center;
	width: 920px;
	height: 45px;

}


#contentwrap {

	float: center;
	width: 920px;


}

#left {
-moz-box-sizing:border-box;box-sizing:border-box;

	float: left;
	text-align: left;
	width: 472px;  /* vanha leveys 422 */
	padding: 38px 53px 50px 74px;
	
/*	margin: 38px 53px 50px 74px; /* vanha left margin 53 px */

}

#left2 {
-moz-box-sizing:border-box;box-sizing:border-box;

	float: left;
	text-align: left;
	width: 588px;
	padding: 38px 53px 50px 74px
	

}


#left3 {
-moz-box-sizing:border-box;box-sizing:border-box;

	float: left;
	text-align: left;
	width: 1100px;
	padding: 38px 53px 50px 74px
}

#left4 {
-moz-box-sizing:border-box;box-sizing:border-box;

	float: left;
	text-align: left;
	width: 549px;  /* vanha leveys 422 */
	padding: 38px 0px 50px 74px; /* vanha left margin 53 px */

}


#right {

-moz-box-sizing:border-box;box-sizing:border-box;

	float: right;
	text-align: center;
	width: 377px;
	padding: 15px 15px 0px 0px;

	
}


#right2 {
-moz-box-sizing:border-box;box-sizing:border-box;

	float: right;
	width: 270px;
	margin: 15px 15px 0px 0px;
	background-color: #b8dec0;
	
}


#right3 {

	float: right;
	text-align: center;
	width: 356px;
	margin: 15px 15px 0px 0px;
	background-color: #b8dec0; 
	
}

#right4 {

	float: right;
	text-align: center;
	width: 356px;
	margin: 15px 15px 0px 0px;	 
	
}

#containright {
	float: right;
	width: 356px;
	margin-bottom: 15px;

}

#rightala {

	float: right;
	text-align: center;
	width: 356px;
	margin: 15px 15px 0px 0px;	 

}



#kaariyla {
	float: center;
	width: 356px;
	height: 13px;
	margin: 0;
	padding: 0;

}

#oikeasisalto {
	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #5b5b5b;
	width: 330px; /* 356  */
	margin: 0px 0px 0px 26px;

}

#oikeasisalto2 {
	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	align: center;
	color: #5b5b5b;
	width: 270px;
	background-color: #b8dec0;
}

#oikeasisalto3 {
	font-family: verdana, serif; /* garamond 11 pt bold*/
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #5b5b5b;
	width: 300px;
	padding-left: 28px;
	background-color: #b8dec0;

}

#kaariala {
	float: center;
	width: 356px;
	height: 14px;
}


#footer {
	margin: 0px 15px 15px 15px;
	padding-top: 10px;
	clear: both;
	font-family: trebuchet MS, serif; 
	float: center;
	font-size: 10pt;	
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	width: 890px;
	height: 34px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	}
	
#pdfcontainer {

float: left;
margin: 0px 0 15px 0;

}

#pdf {

float: left;
padding: 0px 20px 6px 0px;


}