html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body{
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:14px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color:#FFFFFF;
}

h1{
	font-size:32px;
	font-weight:normal;
	margin:0;
	padding:0;
}

h2{
	font-size:15px;
	font-weight:normal;
	padding:0;
	margin:10px 0 20px 0;
}

h3{
	font-size:14px;
	margin:0;
	padding:0;
}

img{
	border:none;
}

.clearFloat{
	height:0px;
	width:100%;
	clear:both;
	overflow:hidden;
}

#all{
	width:100%;
	overflow:hidden;
}

.content{
	float:left;
}

#loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/bg_loader.png);
	display:none;
	z-index:2000;
}

#loader img{
	position:absolute;
	top:285px;
	left:50%;
	margin-left:-110px;
	height:19px;
	width:220px;
}

#etusivu_content{
	position:relative;
	margin:0 auto;
	width:900px;
	height:647px;
	display:block;
	background:url(images/bg_content_etusivu.png) no-repeat top;
}

#etusivu_content #text{
	position:absolute;
	top:280px;
	left:50%;
	margin-left:-195px;
	width:390px;
	height:250px;
	display:block;
	overflow:hidden;
}

#etusivu_content h1{
	margin:10px 0;
	font-size:24px;
}

#etusivu_content h2{
	font-size:15px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
}

#etusivu_content p{
	margin:5px 0;
}

#etusivu_content .blue{
	color:#86ceee;
	padding-bottom:15px;
	border-bottom:solid 2px #ffffff;
	
}

.nuoli{
	position:absolute;
	top:235px;
	width:207px;
	height:270px;
	display:block;
	overflow:hidden;
}

#left{
	left:2px;
	background:url(images/vasen.png) no-repeat;
}

#left h3{
	font-size:24px;
	color:#000000;
	margin:80px 0 0 25px;
	font-weight: bold;
}

#right{
	position:absolute;
	top:240px;
	right:-40px;
	width:230px;
	height:385px;
	overflow:hidden;
}

#right .nappulat{
	top:0;
	left:0;
	width:204px;
}

#lapyska{
	margin:10px 0 0 5px;
}

.testin_tehneet{
	position:absolute;
	top:573px;
	left:356px;
	width:197px;
	height:68px;
	padding:27px 0 0 0;
	overflow:hidden;
	background:url(images/bg_testin_tehneita.png) no-repeat;
	text-align:center;
}

.tulossivu{
	top:599px;
	left:352px;
}

.testin_tehneet h3, .testin_tehneet h4{
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
}

#kilpailu_content{
	position:relative;
	margin: 0 auto;
	width:701px;
	height:686px;
	display:block;
	overflow:hidden;
	background:url(images/bg_content_kysymys.png) no-repeat;
}

#talot{
	position:absolute;
	top:13px;
}

#talot img{
	display:none;
}

#movingKysymys{
	position:absolute;
	top:175px;
	left:0;
	width:2103px;
}

.kysymys{
	position:relative;
	float:left;
	width:701px;
	height:514px;
}

.kysymys_text{
	position:relative;
	margin: 20px auto;
	padding:0 0 0 95px;
	width:505px;
	border-bottom:solid 2px #ffffff;
}

.numero{
	position:absolute;
	left:0;
	top:0;
}

.asteikko{
	width:228px;
	height:11px;
	margin-left:340px;
}

.asteikko .huono{
	float:left;
}

.asteikko .hyva{
	float:right;
}

.asteikko p{
	margin:0;
	padding:0;
	font-size:10px;
	color:#86ceee;
}

.vastaus_rivi{
	margin: 0 auto;
	width:600px;
	height:62px;
	background:url(images/kysymys_viiva.jpg) repeat-x bottom;
}

.vastaus_rivi select{
	visibility:hidden;
}

.last{
	background:none;
}


.vastaus{
	float:left;
	width:290px;
}

.slideri{
	float:left;
	width:228px;
}

.naama{
	float:left;
	margin:5px 0 0 31px;
}

.vastaus_rivi p{
	margin:13px 15px 0 0;
	padding:0;
	color: #bad9e6;
}

.nappulat{
	position:absolute;
	left:0;
	bottom:0;
	width:701px;
	height:79px;
}

.nappulat h3{
	font-size:24px;
	padding:0;
	margin-top:25px;
}

.nappulat a{
	text-decoration:none;
	width:204px;
	height:79px;
	display:block;
	overflow:hidden;
	color:#FFFFFF;
	background-position:top center;
}

.nappulat a.seuraava{
	float:right;	
	background-image:url(images/btn_seuraava.png);
}

.nappulat a:hover.seuraava{
	background-position: center center;
}

.nappulat a:active.seuraava{
	background-position: bottom center;
}

.nappulat a.seuraava h3{
	margin-left:27px;
}

.nappulat a.edellinen{
	float:left;	
	background-image:url(images/btn_edellinen.png);
}

.nappulat a:hover.edellinen{
	background-position: center center;
}

.nappulat a:active.edellinen{
	background-position: bottom center;
}

.nappulat a.edellinen h3{
	text-align:right;
	margin-right:27px;
}

#numerot{
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-160px;
	width:321px;
	height:76px;
	background:url(images/bg_vaihe.png);
}

#numerot div{
	float:left;
	width:45px;
	height:54px;
	display:inline;
	margin: 5px 0 0 45px;
	background-position:bottom center;
	background-repeat:no-repeat;
}

#numerot .active{
	background-position:top center;
}

#numerot #nro1{
	background-image:url(images/vaihe1.png);
}

#numerot #nro2{
	background-image:url(images/vaihe2.png);
}

#numerot #nro3{
	background-image:url(images/vaihe3.png);
}

#tulokset_content{
	position:relative;
	margin: 0 auto;
	width:701px;
	height:675px;
	display:block;
	background:url(images/bg_content_kysymys.png) no-repeat;
}

#talo_tulokset{
	position:absolute;
	top:13px;
}

#tulokset_content_area{
	position:absolute;
	top:175px;
	left:120px;
	width:545px;
}

#tulokset_content .otsikko{
	height:71px;
	border-bottom:solid 2px #ffffff;
	overflow:hidden
}

#tulokset_content h1{
	position:absolute;
	top:25px;
	left:25px;
}

#tulokset_content h2{
	position:absolute;
	top:25px;
	left:278px;
	width:270px;
	margin:0;
}

#tulos_rivit{
	position:absolute;
	top:75px;
	left:20px;
	width:480px;
	height:300px;
	background-image:url(images/tulos_asteikko.png);
	background-repeat:repeat-y;
	background-position:215px 0;
	padding-top:20px;
}

#tulos_rivit h3{
	font-size:10px;
}

#tulos_rivit p{
	font-size:12px;
	margin:0;
	padding:0;
	color: #bad9e6;
	padding-left:13px;
}

.tulos_rivi{
	height:20px;
}

.tulos_text p{
	background:url(images/bg_oma_palkki_text.jpg) no-repeat left center;
}

.toka .tulos_text p{
	background:url(images/bg_ka_palkki_text.jpg) no-repeat left center;
}

.toka{
	margin-bottom:20px;
	
}

.tulos_text{
	float:left;
	width:215px;
}

.tulos_palkki{
	float:left;
	width:192px;
	margin-left:1px;
	display:block;
}

.tulos_palkki .paapalkki{
	display:block;
	height:16px;
	border:solid 1px #00000;
	width:50%;
}

.tulos_palkki .palkki{
	display:block;
	height:10px;
	border:solid 1px #00000;
	width:100%;
	margin-top:2px;
}

.tulos_palkki .paa_oma{
	background:url(images/bg_oma_paapalkki.jpg) repeat-x;
}

.tulos_palkki .oma{
	background:url(images/bg_oma_palkki.jpg) repeat-x;
}

.tulos_palkki .paa_ka{
	background:url(images/bg_ka_paapalkki.jpg) repeat-x;
}

.tulos_palkki .ka{
	background:url(images/bg_ka_palkki.jpg) repeat-x;
}

.tulos_nro{
	float:left;
	margin-left:10px;
}

#tulos_rivit .tulos_rivi .tulos_nro h3{
	font-size:16px;
	font-weight:bold;
	color:#8cc63f;
}

#tulos_rivit .tulos_rivi .tulos_nro h3.ka{
	color:#72c7ec;
}

#btn_uusi_testi{
	top:340px;
	left:223px;
	width:204px;
	height:79px;
}

#btn_uusi_testi h4{
	font-size:24px;
	padding:0;
	margin-top:25px;
	margin-left:27px;
}

#tulokset_left{
	position:absolute;
	top:173px;
	left:-132px;
	width:192px;
	height:329px;
	padding:25px 45px 25px 27px;
	display:block;
	background:url(images/bg_tulos_vasen.png) no-repeat;
}

#tulokset_left h1{
	position:static;
	font-size:21px;
}

#tulokset_left p{
	font-size:12px;
}

#naamakohta{
	position:absolute;
	top:56px;
	width:51px;
	height:51px;
	overflow:hidden;
}

#prosentti{
	position:absolute;
	top:63px;
	left:90px;
}

#prosentti h1{
	font-size:42px;
	color:#8cc63f;
}

#tulokset_left h2{
	position:static;
	margin-top:75px;
	color:#8cc63f;
	font-size:21px;
}

a#btn_facebook{
	position:absolute;
	top:552px;
	left:5px;
	width:205px;
	height:55px;
	display:none;
	overflow:hidden;
	background-image:url(images/btn_facebook.png);
	background-position:top center;
	text-decoration:none;
}

a:hover#btn_facebook{
	background-position:center center;
}

a:active#btn_facebook{
	background-position: bottom center;
}

#tulokset_right{
	display:none;
	position:absolute;
	top:285px;
	left:600px;
	width:282px;
	height:332px;
}

a#grilli_linkki{
	width:282px;
	height:332px;
	display:block;
	overflow:hidden;
	background-image:url(images/bg_grillinosto.png);
	background-position:top center;
	text-decoration:none;
}

a:hover#grilli_linkki{
	background-position:center center;
}

a:active#grilli_linkki{
	background-position:bottom center;
}

#grilli_linkki h1{
	position:static;
	width:170px;
	margin:17px 0 0 27px;
	color:#FFFFFF;
	font-size:24px;
}

#grilli_linkki h2{
	position:static;
	width:230px;
	margin:25px 0 0 27px;
	color:#000000;
	font-size:21px;
}

#grilli_linkki p{
	position:static;
	width:220px;
	margin:3px 0 0 27px;
	color:#000000;
	font-size:16px;
}

#grillijuhlat{
	position:absolute;
	top:228px;
	left:0;
}

#lomake_content{
	position:relative;
	margin:0 auto;
	width:701px;
	height:736px;
	display:block;
	background:url(images/bg_content_kilpailu.png) no-repeat top;
}

#talo_kilpailu{
	position:absolute;
	top:12px;
}

#lomake_content_area{
	position:absolute;
	top:230px;
	left:50%;
	margin-left:-312px;
	width:625px;
	height:486px;
}

#lomake_content_area h1{
	font-size:32px;
	text-align:center;
	margin-left:30px;
}

#lomake_content_area p{
	color:#f9c051;
	font-size:14px;
}

a#btn_takaisin{
	position:absolute;
	top:-56px;
	left:-51px;
	width:204px;
	height:79px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image:url(images/btn_edellinen.png);
	background-position:top center;	
}

a:hover#btn_takaisin{
	background-position:center center;
}

a:active#btn_takaisin{
	background-position:bottom center;
}

#btn_takaisin h3{
	font-size:24px;
	font-weight:normal;
	text-align:right;
	padding:0;
	color:#FFFFFF;
	margin:25px 27px 0 0;
}

a#btn_arvonnan_saannot{
	float:right;
	width:121px;
	height:89px;
	display:block;
	overflow:hidden;
	margin-top:20px;
	background-image: url(images/btn_arvonnan_saannot.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-decoration:none;
}

a:hover#btn_arvonnan_saannot{
	background-position:center center;
}

a:active#btn_arvonnan_saannot{
	background-position:bottom center;
}

#btn_arvonnan_saannot h3{
	font-size:14px;
	color:#FFFFFF;
	padding:0;
	margin:27px 0 0 22px;
}

#btn_osallistu{
	position:absolute;
	bottom:-2px;
	right:-51px;
	width:204px;
	height:79px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image:url(images/btn_osallistu.png);
	background-position:top center;
	background-color:transparent;
	border:none;
	cursor:pointer;
}

input:hover#btn_osallistu{
	background-position:center center;
}

input:active#btn_osallistu{
	background-position:bottom center;
}

#osallistu_form td{
	height:29px;
	margin:3px 0;
}

#osallistu_form p{
	float:left;
	color:#000000;
	margin:6px 0 0 5px;
	padding:0;
}

#osallistu_form .star{
	float:right;
	height:29px;
	margin-right:5px;
}

#osallistu_form .star p{
	color:#FFFFFF;
}

#osallistu_form .label{
	width:146px;
	display:block;
	background:url(images/bg_label.png) no-repeat left center;
}

#osallistu_form .short_label{
	width:125px;
	display:block;
	background:url(images/bg_label_short.png) repeat-x left center;
}

#osallistu_form .long_label{
	width:285px;
	display:block;
	background:url(images/bg_label_long.png) no-repeat left center;
}

#osallistu_form .kpl_label{
	width:36px;
	display:block;
	background:url(images/bg_label_kpl.png) no-repeat left center;
}

#osallistu_form input{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

#osallistu_form input.long{
	width:269px;
	height:23px;
	padding: 6px 5px 0 5px;
	border:none;
	background:none;
	background-image:url(images/bg_input_long.png);
	background-repeat:no-repeat;
}

#osallistu_form input.short{
	width:49px;
	height:23px;
	padding: 6px 5px 0 5px;
	border:none;
	background:none;
	background-image:url(images/bg_input_short.png);
	background-repeat:no-repeat;
}

#popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/bg_popup.png) repeat;
	z-index:3000;
	display:none;
}

#popup_content{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-350px;
	width:701px;
	height:501px;
	background:url(images/bg_popup_content.jpg) no-repeat;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:12px;
}

#popup_content h1{
	font-size:24px;
	text-align:center;
	margin:30px 0 0 0;
	padding:0;
	font-weight:bold;
}

#popup_content h2{
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
	color:#72c7ec;
}

#popup_content p{
	margin:0 15px 15px 0;
	padding:0;
}

#popup_content #text_area{
	position:absolute;
	top:85px;
	left:55px;
	width:605px;
	height:375px;
	overflow:auto;
}

#popup_content a#btn_sulje{
	position:absolute;
	top:25px;
	right:35px;
	width:33px;
	height:33px;
	display:block;
	overflow:hidden;
	background-image:url(images/btn_close.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-decoration:none;
}

#popup_content a:hover#btn_sulje{
	background-position:center center;
}

#popup_content a:active#btn_sulje{
	background-position:bottom center;
}

#kiitos_content{
	position:relative;
	margin:0 auto;
	width:701px;
	height:736px;
	display:block;
	background:url(images/bg_content_kilpailu.png) no-repeat top;
}

#talo_kiitos{
	position:absolute;
	top:12px;
}

#raiskale{
	position:absolute;
	top:340px;
	left:-55px;
}

#kiitos_content_area{
	position:absolute;
	top:230px;
	left:110px;
	width:515px;
	height:486px;
}

#kiitos_content h2{
	font-size:18px;
	width:330px;
}

#kiitos_content p{
	color:#f9c051;
	padding:0;
	margin:0 0 10px 0;
}

#kiitos_content .vinkki_rivi{
	width:515px;
	height:56px;
	margin-bottom:5px;
}

#kiitos_content #vinkit p{
	float:left;
	width:370px;
	color:#FFFFFF;
	margin-top:6px;
}

#kiitos_content #vinkit p.kolme_rivia{
	margin-top:-2px;
}

#kiitos_content #vinkit p.vinkki{
	width:70px;
	color:#000000;
	font-size:16px;
	margin-top:16px;
}

#kiitos_content #vinkit img{
	float:left;
	width:56px;
}

#kiitos_content #vinkit a{
	color: #bad9e6;
	text-decoration:none;
}

#good_luck{
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-130px;
	width:270px;
}

#good_luck p{
	font-size:16px;
	color:#FFFFFF;
}

#kiitos_content a#btn_realia{
	position:absolute;
	top:623px;
	left:5px;
	width:121px;
	height:89px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	background-image:url(images/btn_realia.png);
	background-position:top center;	
}

#kiitos_content a:hover#btn_realia{
	background-position:center center;
}

#kiitos_content a:active#btn_realia{
	background-position:bottom center;
}

a#btn_arvonnan_saannot2{
	position:absolute;
	top:225px;
	right:-60px;
	width:121px;
	height:89px;
	display:block;
	overflow:hidden;
	background-image: url(images/btn_arvonnan_saannot.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-decoration:none;
}

a:hover#btn_arvonnan_saannot2{
	background-position:center center;
}

a:active#btn_arvonnan_saannot2{
	background-position:bottom center;
}

#btn_arvonnan_saannot2 h3{
	font-size:14px;
	color:#FFFFFF;
	padding:0;
	margin:27px 0 0 22px;
}

#kiitos_content a#btn_tulosta{
	position:absolute;
	top:345px;
	left:645px;
	width:179px;
	height:98px;
	display:block;
	background-image:url(images/btn_tulosta.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-decoration:none;
}

#kiitos_content a:hover#btn_tulosta{
	background-position:center center;
}

#kiitos_content a:active#btn_tulosta{
	background-position:bottom center;
}

#kiitos_content #btn_tulosta h3{
	font-size:16px;
	color:#FFFFFF;
	padding:0;
	margin:20px 13px;
}

#kiitos_content #lapyska_pdf{
	position:absolute;
	top:410px;
	left:595px;
}