body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	background: #c9b07b url(../images/bg.gif) center;
}

p {
	font-size: 13px;
	margin: 20px 30px 20px 30px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: bold;
	font-size: 15px;
	margin: 20px 30px 20px 30px;
}

h2 {
	font-weight: bold;
	font-size: 13px;
	margin: 20px 30px 20px 30px;
}

h3 {
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	margin: 20px 30px 20px 30px;
} 

img {
	border: none;
	margin: 0 0 0 0;
}

.preload {
	display: none;
}

#frame {
	height: 860px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bgpicture.jpg) no-repeat;
}

#cont {
	position: relative;
	top: 0px;
	left: 0px;
}

#top {
	width: 254px;
	height: 37px;
	position: absolute;
	left: 344px;
	top: 40px;
}

#left {
	width: 50px;
	height: 663px;
	position: absolute;
	left: 35px;
	top: 27px;
}

#menu {
	width: 139px;
	height: 236px;
	position: relative;
	left: 8px;
	top: 17px;
}

#link_1 {
	width: 130px;
	height: 28px;
	background: url(../images/link_1.gif) no-repeat;
	float: left;
	padding: 0 0 0 0;
	cursor: pointer;
}
#link_2 {
	width: 130px;
	height: 28px;
	background: url(../images/link_2.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_3 {
	width: 130px;
	height: 42px;
	background: url(../images/link_3.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_4 {
	width: 130px;
	height: 42px;
	background: url(../images/link_4.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_5 {
	width: 130px;
	height: 28px;
	background: url(../images/link_5.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_6 {
	width: 130px;
	height: 42px;
	background: url(../images/link_6.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_7 {
	width: 130px;
	height: 28px;
	background: url(../images/link_7.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_8 {
	width: 130px;
	height: 42px;
	background: url(../images/link_8.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_9 {
	width: 130px;
	height: 42px;
	background: url(../images/link_9.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_10 {
	width: 130px;
	height: 28px;
	background: url(../images/link_10.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_11 {
	width: 130px;
	height: 42px;
	background: url(../images/link_11.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_12 {
	width: 130px;
	height: 42px;
	background: url(../images/link_12.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_13 {
	width: 130px;
	height: 28px;
	background: url(../images/link_13.gif) no-repeat;
	float: left;
	cursor: pointer;
}
#link_14 {
	width: 130px;
	height: 28px;
	background: url(../images/link_14.gif) no-repeat;
	float: left;
	cursor: pointer;
}

a:hover #link_1 {
	background: url(../images/link_1_1.gif) no-repeat;
}
a:hover #link_2 {
	background: url(../images/link_2_1.gif) no-repeat;
}
a:hover #link_3 {
	background: url(../images/link_3_1.gif) no-repeat;
}
a:hover #link_4 {
	background: url(../images/link_4_1.gif) no-repeat;
}
a:hover #link_5 {
	background: url(../images/link_5_1.gif) no-repeat;
}
a:hover #link_6 {
	background: url(../images/link_6_1.gif) no-repeat;
}
a:hover #link_7 {
	background: url(../images/link_7_1.gif) no-repeat;
}
a:hover #link_8 {
	background: url(../images/link_8_1.gif) no-repeat;
}
a:hover #link_9 {
	background: url(../images/link_9_1.gif) no-repeat;
}
a:hover #link_10 {
	background: url(../images/link_10_1.gif) no-repeat;
}
a:hover #link_11 {
	background: url(../images/link_11_1.gif) no-repeat;
}
a:hover #link_12 {
	background: url(../images/link_12_1.gif) no-repeat;
}
a:hover #link_13 {
	background: url(../images/link_13_1.gif) no-repeat;
}
a:hover #link_14 {
	background: url(../images/link_14_1.gif) no-repeat;
}

.current #link_1 {
	cursor: default;
	background: url(images/link_1_1.gif) no-repeat;
}
.current #link_2 {
	cursor: default;
	background: url(images/link_2_1.gif) no-repeat;
}
.current #link_3 {
	cursor: default;
	background: url(images/link_3_1.gif) no-repeat;
}
.current #link_4 {
	cursor: default;
	background: url(images/link_4_1.gif) no-repeat;
}
.current #link_5 {
	cursor: default;
	background: url(images/link_5_1.gif) no-repeat;
}
.current #link_6 {
	cursor: default;
	background: url(images/link_6_1.gif) no-repeat;
}
.current #link_7 {
	cursor: default;
	background: url(images/link_7_1.gif) no-repeat;
}
.current #link_8 {
	cursor: default;
	background: url(images/link_8_1.gif) no-repeat;
}
.current #link_9 {
	cursor: default;
	background: url(images/link_9_1.gif) no-repeat;
}
.current #link_10 {
	cursor: default;
	background: url(images/link_10_1.gif) no-repeat;
}
.current #link_11 {
	cursor: default;
	background: url(images/link_11_1.gif) no-repeat;
}
.current #link_12 {
	cursor: default;
	background: url(images/link_12_1.gif) no-repeat;
}
.current #link_13 {
	cursor: default;
	background: url(images/link_13_1.gif) no-repeat;
}
.current #link_14 {
	cursor: default;
	background: url(images/link_14_1.gif) no-repeat;
}

#middle {
	width: 568px;
	height: 570px;
	position: absolute;
	left: 206px;
	top: 100px;
}

#henkilo_middle {
	width: 700px;
	height: 570px;
	position: absolute;
	left: 190px;
	top: 100px;
}
/*
#middle img{
	position: relative;
	left: 90px;
	top: 0px;
}
*/
#text_pic {
	width: 560px;
	height: 690px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #FFFFFF;
}

p.uusi{
	text-align: center;
	padding: 20px 0 0 0;
	font-size: 24px;
}

.kirja {
	margin: 0 0 0 80px;
}

#text {
	background-color: #ff9700;
	width: 570px;
	overflow: auto;
	position: absolute;
	top: 0px;
}

#text img {
	margin: 20px 0 0 0;
}

#pic {
	width: 568px;
	overflow: auto;
	position: absolute;
	top: 0px;
	margin: 0 0 0 20px;
}

#henkilo_pic {
	width: 630px;
	overflow: auto;
	position: absolute;
	top: 70px;
	margin: 0 0 0 0;
	left: 0px;
}

#henkilo_text {
	background-color: #ff9700;
	width: 568px;
	overflow: auto;
	position: absolute;
	top: 390px;
	left: 16px;
}

#henkilo_text p {
	margin: 15px 20px 20px 20px;
}

#palaute {
	width: 385px;
	background-color: #ff9700;
	padding: 10px 10px 10px 40px;
}

.form {
	background-color: #ff9700;
	margin: 0px 47px 0px 40px;
	width: 385px;
	font-size: 13px;
}

textarea {
	width: 340px;
	height: 150px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

#form_kilpailu {
	margin: 0 0 20px 30px;
}

#ohjeet {
	background-color: #ff9700;
	overflow: auto;
	margin: 30px 30px 30px 30px;
}

#galleria {
	width: 590px;
	height: 600px;
	overflow: auto;
	position: absolute;
	top: 0px;
}

#pic_row_1 {
	position: relative;
	top: 0px;
	left: 0px;
}

#pic_row_2 {
	position: relative;
	top: 160px;
	left: 0px;
	height: 160px;
	width: 570px;
}

#pic_row_3 {
	position: relative;
	top: 130px;
	left: 0px;
	height: 140px;
	width: 570px;
}

#pic_row_4 {
	position: relative;
	top: 150px;
	left: 0px;
	height: 140px;
	width: 570px;
}


.pic_1 {
	position: absolute;
	top: 8px;
	left: 0px;
}
.pic_2 {
	position: absolute;
	top: 20px;
	left: 194px;
	z-index: 5;
	margin: 0 0 0 0;
}
.pic_3 {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0 16px 0 0;
}
.pic_4 {
	position: absolute;
	top: 8px;
	left: 0px;
}
.pic_5 {
	position: absolute;
	top: 15px;
	left: 158px;
}
.pic_6 {
	position: absolute;
	top: 5px;
	right: 0px;
}
.pic_7 {
	position: absolute;
	top: 15px;
	left: 0px;
}
.pic_8 {
	position: absolute;
	top: 5px;
	left: 191px;
}
.pic_9 {
	position: absolute;
	top: 15px;
	right: 0px;
}
.pic_10 {
	position: absolute;
	top: 10px;
	left: 0px;
}
.pic_11 {
	position: absolute;
	top: 0px;
	left: 187px;
}
.pic_12 {
	position: absolute;
	top: 15px;
	right: 0px;
}

#galleria p {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0 0 0 0;
}

p.kilpailu {
	position: absolute;
	top: 34px;
	left: 0px;
	width: 355px;
	z-index: 2;
	height: 304px;
}

img.puhelin {
	position: absolute;
	top: 84px;
	left: 296px;
	z-index: 1;
}

img.logo {
	z-index: 3;
	position: absolute;
	top: 657px;
	left: 613px;
}

#text_kilpailu {
	background-color: #ff9700;
	width: 575px;
	min-height: 450px;
	overflow: auto;
	position: absolute;
	top: 0px;
}

#form_osallistu {
	position: absolute;
	top: 407px;
	left: 40px;
}

.question {
	padding: 0 0 2px 27px;
	font-weight: bold;
	text-indent: -19px;
}

.youare {
	margin: 5px 30px 5px 30px;
	padding: 10px 15px 10px 15px;
	font-weight: bold;
	border: solid 1px #f56d01;
}

#form_contact {
	margin: 20px 0 0 0;
}

.nb {
	margin: 30px 30px 5px 30px;
	padding: 10px 15px 10px 15px;
	border: solid 1px #f56d01;
}

.answer_all {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	border: solid 1px #f56d01;
	position: absolute;
	top: 665px;
	left: 215px;
	background: #ff9700;
}

.juha {
	position: absolute;
	top: 40px;
	left: 28px;
}

.harju {
	margin: 0 6px 20px 290px;
}














h4 {
	font-weight: bold;
	font-size: 13px;
}

#ohje_text {
	background-color: #E0CEA1;
	border-style: solid;
	border-color: #6C7258;
	padding: 0px 10px 0px 15px;
	overflow: auto;
	margin: 5px 0 0 0;
	width: 350px;
}

#video_text {
	background-color: #E0CEA1;
	padding: 5px 10px 5px 15px;
	width: 640px;
	overflow: auto;
	margin: 5px 0 0 0;
}

#bg {
	background-image: url(../images/bgpicture.jpg);
	background-repeat: no-repeat;
	position:absolute;
	left: 50%;
	margin-left: -450px;
	width: 1040px;
	height: 655px;
	top: 14px;
}

#kilpailu {
	background-image: url(../images/bgpicture_kilpailu.jpg);
	background-repeat: no-repeat;
	position:absolute;
 	left: 50%;
 	margin-left: -450px;
	width: 900px;
	height: 1195px;
}

#index_menu {
	width: 152px;
	height: 149px;
	position: absolute;
	left: 30px;
	top: 115px;
}

#alamenu {
	width: 152px;
	height: 54px;
	position: absolute;
	left: 29px;
	top: 546px;
}

#edit_kilpailu {
	width: 420px;
	height: 405px;
	position: absolute;
	left: 220px;
	top: 90px;
}

#video {
	width: 460px;
	height: 405px;
	position: absolute;
	left: 220px;
	top: 120px;
}

#perustelut {
	width: 200px;
	height: 40px;
	padding: 5px 5px 5px5px;
	margin: 5px 5px 5px5px;
}

#esittely {
	margin: 10px 30px 10px 10px;
	font-style: italic;
}

#moreinfo {
	margin: -17px 0 0 25px;
}

#error {
	color: #AB1A00;
	font-weight: bold;
}