/* @override http://www.markomyllyaho.com/download/kasvu/css/style.css */

body.body_etu  {
	background: url(../kuvat/layout/bg_etu.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
}

body.body_sisa {
	background: url(../kuvat/layout/bg_sisa.jpg) no-repeat center top;
	margin: 0 0 40px 0;
	padding: 0;
}

/*---------------------- TYPOGRAFIA ------------------------------*/

body {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 20px;
}

h1 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 34px;
	color: #939419;
	margin-top: 22px;
}

h2 {
	font-weight: normal;
	font-size: 24px;
	color: #8c886b;
	margin: 40px 0 0 0;
}

h3 {
	font-family: Georgia;
	font-weight: normal;
	font-size: 20px;
	color: #8c886b;
	margin: 26px 0 0 0;
}

.ingressi {
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	color: #8c886b;
}

.nosto {
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	color: #8c886b;
	margin-left: 20px;
}

.gray {
	color: #575442;
}

.bold {
	font-weight: bold;
}

.marker {
	font-weight: bold;
	background: #eff2d6;
	padding: 0 3px 0 3px;
}

.italic {
	font-style: italic;
}

ol li {
	padding-bottom: 10px;
	margin-right: 50px;
}


/*---------------------- ETUSIVU ------------------------------*/

#container_etu {
	width: 765px;
	height: 550px;
	margin-top: 95px;
	margin-left: auto;
	margin-right: auto;
	border: 0px dotted red;
	font-family: Georgia, "Times New Roman", serif;
	color: #fff;
	font-size: 15px;
	line-height: 19px;
}

#container_etu h1 {
	margin: 50px 0 20px 0;
	padding: 0;
	font-size: 36px;
	color: #939419;
	font-weight: normal;
}

#lohko03 p{
	margin: 40px 0 0 0;
	padding: 40px;
	font-size: 18px;
	color: #8c886b;
	font-weight: normal;
	text-transform: uppercase;
}

#container_etu h2 {
	margin: 15px 0 0px 0;
	padding: 0;
	font-weight: normal;
	color: #fff;
}

#container_etu p {
	margin: 5px 0 0 0;
	padding: 0;
}

#lohko01 {
	float: left;
	background: url(../kuvat/layout/navi_etu.jpg) no-repeat 0 -197px;
	width: 312px;
	height: 158px;
	padding: 35px 30px 0 40px;
}

#lohko01:hover {
	background-position: 0 0px;
}

#lohko02 {
	float: left;
	background: url(../kuvat/layout/navi_etu-02.jpg) no-repeat 0 -197px;
	width: 298px;
	height: 158px;
	padding: 35px 40px 0 40px;
}

#lohko02:hover {
	background-position: 0 0px;
}

#lohko03 {
	float: left;
	background: url(../kuvat/layout/navi_etu-03.jpg) no-repeat left top;
	width: 690px;
	height: 171px;
	padding: 10px 30px 0 40px;
	text-align: center;
}

#lohko04 {
	float: left;
	background: url(../kuvat/layout/navi_etu-04.jpg) no-repeat 0 0px;
	width: 312px;
	height: 196px;
	padding: 10px 30px 0 40px;
}

#lohko04:hover {
	background-position: 0 -211px;
	text-decoration: underline;
}

#lohko05 {
	float: left;
	background: url(../kuvat/layout/navi_etu-05.jpg) no-repeat  0 0;
	width: 298px;
	height: 196px;
	padding: 10px 40px 0 40px;
}

#lohko05:hover {
	background-position: 0 -211px;
}


/*---------------------- SISÄSIVU ------------------------------*/

#container_sisa {
	position: relative;
	width: 905px;
	height: auto;
	border: 0px dotted red;
	margin-left: auto;
	margin-right: auto;
	margin-top: 91px;
}

#ylanavi {
	width: 100%;
	height: 88px;
	margin-left: px;
}

#ylanavi_vasen {
	float: left;
	background: url(../kuvat/layout/sisanavi_yla.jpg) no-repeat 0 -88px;
	width: 30px;
	height:88px;
}

#ylanavi_kasvunpolku {
	float: left;
	background: url(../kuvat/layout/sisanavi_yla-02.jpg) no-repeat 0 -88px;
	width: 296px;
	height:88px;
}

#ylanavi_kasvunpolku:hover {
	background-position: 0 0;
	cursor: pointer;
}

#ylanavi_kasvuntupa {
	float: left;
	background: url(../kuvat/layout/sisanavi_yla-03.jpg) no-repeat 0 -88px;
	width: 286px;
	height:88px;
}

#ylanavi_kasvuntupa:hover {
	background-position: 0 0;
	cursor: pointer;
}

#ylanavi_avotyo {
	float: left;
	background: url(../kuvat/layout/sisanavi_yla-04.jpg) no-repeat 0 -88px;
	width: 118px;
	height:88px;
}

#ylanavi_avotyo:hover {
	background-position: 0 0;
	cursor: pointer;
}

#ylanavi_jalkityo {
	float: left;
	background: url(../kuvat/layout/sisanavi_yla-05.jpg) no-repeat 0 -88px;
	width: 153px;
	height:88px;
}

#ylanavi_jalkityo:hover {
	background-position: 0 0;
	cursor: pointer;
}

#ylanavi_oikea {
	float: left;
	background: url(../kuvat/layout/sisanavi_yla-06.jpg) no-repeat 0 -88px;
	width: 20px;
	height:88px;
}

#header {
	background: url(../kuvat/layout/bg_header.gif) no-repeat;
	width: 100%;
	height: 73px;
}

#content {
	background: url(../kuvat/layout/bg_repeat.gif) repeat-y;
	width: 100%;
	height: auto;
	border: 0px solid red;
}

#footer {
	background: url(../kuvat/layout/bg_footer.gif) no-repeat;
	width: 100%;
	height: 135px;
	border: 0px dotted red;
}

#col_left {
	float: left;
	width: 240px;
	height: auto;
	border: 0px dotted red;
	margin: 0 30px 0 40px;
}

#col_right {
	float: left;
	width: 550px;
	height: auto;
	border: 0px dotted red;
	margin: 0;
}

#logo_tupa {
	width: 100%;
	height: 70px;
	border: 0px dotted red;
	margin-left: -10px;
}

#logo_polku {
	width: 100%;
	height: 70px;
	border: 0px dotted red;
	margin-left: -10px;
	margin-top: -10px;
	margin-bottom: 10px;
}


#content .kehys {
	border: 10px solid #fff;
	margin-bottom: 20px;
}

#content #col_right .gallery img {
	border: 0px solid #fff;
	margin-bottom: 20px;
}


/*---------------------- VASEN NAVI ------------------------------*/


#vasennavi {
	width: 100%;
	height: auto;
	border: 0px dotted red;
	font-size: 16px;
	font-style: italic;
	line-height: 21px;
}

#vasennavi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#vasennavi li {
	display: block;
	padding: 0 0;
	width: 100%;
}





/*---------------------- LINKIT ------------------------------*/

a:link {color:#ae0142; text-decoration:none;}
a:visited {color:#ae0142;text-decoration:none;}
a:hover {color:#5d0526;text-decoration:underline;}
a:active {color:#5d0526;text-decoration:underline;}

#container_etu a:link {color:#fff; text-decoration:none;}
#container_etu a:visited {color:#fff;text-decoration:none;}
#container_etu a:hover {color:#fff;text-decoration:underline;}
#container_etu a:active {color:#fff;text-decoration:underline;}

#vasennavi a:link {color:#ae0142; text-decoration:none;}
#vasennavi a:visited {color:#ae0142;text-decoration:none;}
#vasennavi a:hover {color:#5d0526;text-decoration:none; font-weight: bold;}
#vasennavi a:active {color:#5d0526;text-decoration:none; font-weight: bold;}

#etusivulle a:link {color:#fff; text-decoration:none;}
#etusivulle a:visited {color:#fff;text-decoration:none;}
#etusivulle a:hover {color:#fff;text-decoration:none;}
#etusivulle a:active {color:#fff;text-decoration:none;}



/*---------------------- SIDEKUVA ------------------------------*/

#sideimg_tintti {
	background: url(../kuvat/tintti.gif) no-repeat;
	position: absolute;
	width: 213px;
	height: 175px;
	top: 500px;
	left: -20px;
	border: 0px dotted red;
}

#sideimg_polku {
	background: url(../kuvat/polku_kuvitus.gif) no-repeat;
	position: absolute;
	width: 299px;
	height: 238px;
	top: 550px;
	left: -20px;
	border: 0px dotted red;
}

#sideimg_avo {
	background: url(../kuvat/polku_kuvitus.gif) no-repeat;
	position: absolute;
	width: 299px;
	height: 238px;
	top: 250px;
	left: -8px;
	border: 0px dotted red;
}

#sideimg_jalki {
	background: url(../kuvat/polku_kuvitus.gif) no-repeat;
	position: absolute;
	width: 299px;
	height: 238px;
	top: 250px;
	left: -8px;
	border: 0px dotted red;
}


/*---------------------- MUUTA ------------------------------*/

#etusivulle {
	position: absolute;
	background: url(../kuvat/navi_alkuun.jpg) no-repeat 0 -57px;
	top: -91px;
	left: 30px;
	font-size: 16px;
	width: 98px;
	height: 57px;
}

#etusivulle:hover {
	background-position: 0 0;

}

.clear {
	clear: both;
}

img a {
	border: 0;
}

#galleria_thumb img {
	border: 3px solid #fff;
	width:100px;
	height:auto;
}

#galleria_thumb img:hover {
	border: 3px solid #d1d2c5;
}


.float_r {
	float:right;
	padding: 0 0 0 10px;
}

.float_l {
	float:left;
	padding: 0 10px 0 0px;
}