body{ 
    width:100%;
    font-family:Arial;
    color:#FFFFFF;
    overflow-x: hidden;
}
.taustakuva{
    width:100%;
    background-position:center top;
    height:1368px;
    position:absolute;
    left:50%;
    overflow:visible;
}
.taustakuva img{
    position:absolute;
    left:-1000px;
}
#laatikko{
    width:741px;
    height:1125px;
    background:url('../images/tausta.png');
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
#logo{
    position:absolute;
    top:2px;
    left:-45px;
}
h1{
    position:absolute;
    top:25px;
    left:158px; 
    font-size:57px;  
    font-weight:bold;
}
h2{
    position:absolute;
    top:84px;
    left:158px;
    font-size:42px; 
    font-weight:bold;    
}
h3{
    position:absolute;
    width:540px;
    top:140px;
    left:158px;
    font-size:13px; 
}
#valkoinentausta{
    width:696px;
    height:858px;
    position:absolute;
    top:175px;
    left:23px;
}
#valkoinentausta-yla{
    background:url('../images/valkoinentausta-yla.png');
    height:125px;
}
#valkoinentausta-keski{
    background:url('../images/valkoinentausta-keski.png');
    background-repeat:repeat;
    height:712px;
}
#valkoinentausta-ala{
    background:url('../images/valkoinentausta-ala.png');
    height:38px;
}
#etunimi{
    left:57px;
}
#sukunimi{
    left:237px;
}
#etunimi, #sukunimi{
    width:171px;
    position:absolute;
    top:293px;
    color:#223476;    
    font-size:12px; 
}
#sukunimi p, #etunimi p{
    margin-left:4px;
    margin-bottom:7px;    
}
#sukunimi input, #etunimi input{
    background:url('../images/pieniinput.png');
    background-repeat:no-repeat;
    width:163px;
    height:24px;
    padding:4px;
    border:0;   
    color:#7d7e7e;     
}
#sahkoposti{
    position:absolute;
    top:293px;
    color:#223476;
    left:418px;
    font-size:12px;
}
#sahkoposti p{
    margin-left:4px;  
    margin-bottom:7px;    
}
#sahkoposti input{
    background:url('../images/sahkopostiinput.png');
    border:0;
    width:254px;
    height:24px;
    padding:4px;
    background-repeat:no-repeat;    
    color:#7d7e7e;     
}


#millematkalle{
    position:absolute;
    top:369px;
    left:57px;
}
#valitsematka{
    position:absolute;
    left:57px;
    top:398px;
    color:#223476;
    font-size:13px;
}

.fblaheta{
    margin-top:-4px;
    margin-left:27px;
}
#istanbul, #paivapietarissa, #spaloma, #valimeri{
    position:absolute;
    cursor:pointer;
}
#istanbul{
    top:431px;
    left:57px;
    width:152px;
}
#paivapietarissa{
    top:431px;
    left:220px;
    width:157px;
}
#spaloma{
    top:431px;
    left:387px;
    width:150px;    
}
#valimeri{
    top:431px;
    left:545px;
    width:138px;    
}
#kaverimailit{
    position:absolute;
    top:615px;
    left:57px;
}
.kaverinmaili{
    font-size:12px;
    line-height:28px;
    width:469px;
    margin-bottom:8px;
    height:29px;
}
.kaverinmaili span{
    color:#223476;
}
.kaverinmaili input{
    color:#7d7e7e;
    float:right;
    border:0;
    background:url('../images/pitkainput.png');
    width:316px;
    height:21px;
    padding:4px 4px 4px 12px;
}
#kirjoitaotsikko{
    position:absolute;
    top:772px;
    left:57px;
}
#jform_message_subject{
    border:0;
    background:url('../images/otsikkoinput.png');
    position:absolute;
    top:799px;
    left:57px;    
    width:455px;
    height:23px;
    padding:4px 4px 4px 10px;
    color:#223476;
}
#kirjoitaviesti{
    position:absolute;
    top:848px;
    left:57px;
}
#jform_message_body {
    width:455px;
    height:106px;
    padding:4px 4px 4px 10px;
    border:0;
    background:url('../images/viestiinput.png');
    position:absolute;
    top:877px;
    left:57px;
    background-repeat:no-repeat;
    color:#223476;
    font-family:Arial;
}
#esikatselulinkki{
    font-size:12px;
    position:absolute;
    left:57px;
    top:995px;
    cursor:pointer;
    color:#7d7e7e;
}

#merkkiakaytetty{
    font-size:12px;
    position:absolute;
    left:392px;
    top:995px;
    color:#7e7e7e;
}
#voittajat{
    font-size:12px;
    color:#7d7e7e;
    background:url('../images/voittajat.png');
    width:229px;
    height:368px;
    position:absolute;
    left:542px;
    top:618px;
}
#voittajat #voittaja1 {
  position: absolute;
  top: 183px;
  left: 40px;
}

#voittajat #voittaja2 {
  position: absolute;
  top: 226px;
  left: 42px;
}

#voittajat #voittaja3 {
  position: absolute;
  top: 269px;
  left: 43px;
}

#voittajat #voittaja4 {
  position: absolute;
  top: 316px;
  left: 44px;
}

#lahetanappi{
    position:absolute;
    top:1045px;
    left:298px;
}
#saannotlinkki{
    position:absolute;
    top:1070px;
    left:34px;
    font-size:12px;
    cursor:pointer;
}
#saannotlinkki {color:#ffffff; text-decoration:none;}
#saannotlinkki:hover {color:#cccccc; text-decoration:none;}
#saannotlinkki:visited {color:#ffffff; text-decoration:none;}
#saannotlinkki:active {color:#ffffff; text-decoration:none;}


/*NÄKYMÄTTÖMÄT ELEMENTIT: SÄÄNNÖT*/
#saannottausta{
    background:url('../images/saannottausta.png');
    position:relative;
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
    width:741px;
    height:1304px;    
    font-size:11px;
    color:#FFFFFF;
    line-height:15px;
}
p#saannot{
    position:absolute;
    top:200px; /*oikeasti 192*/
    left:44px;
    width:670px;
}
#saannot strong{
    font-size:14px;
    padding-bottom:4px;
}
#kampanjansaannot{
    font-size:36px;
    color:#FFFFFF;
    position:absolute;
    top:77px;
    left:205px;
    font-weight:bold;    
}
.logo{
    position:absolute;
    top:2px;
    left:-45px;
}
#suljesaannot1{
    position:absolute;
    top:15px;
    left:656px;  
    cursor:pointer;
}
#suljesaannot2{
    cursor:pointer;
    position:absolute;
    top:1261px;
    left:656px;
}

/*NÄKYMÄTTÖMÄT ELEMENTIT: KUTSUNMUOKKAUS*/
#sininen, #sininen2{
    background:url('../images/lapinakyvasininen.png');
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:1368px;
    display:none;
}
#muokkaustausta{
    background:url('../images/muokkaustausta.png');
    position:relative;
    background-repeat:no-repeat;
    margin-top:558px;
    margin-left:auto;
    margin-right:auto;
    width:611px;
    height:419px; 
    padding:20px 40px 30px 30px;    
}
#muokkaakutsua{
    color:#af0ed9;
    font-size:30px;
    position:absolute;
    top:41px;
    left:237px; 
    font-weight:bold;    
}
#muokkaaotsikkoa{
    font-size:14px;
    color:#FFFFFF;
    position:absolute;
    top:82px;
    left:237px;
    position:absolute;
    top:82px;
    left:237px;     
}
#muokkaaviestia{
    font-size:14px;
    color:#FFFFFF;
    position:absolute;
    top:146px;
    left:237px;    
}
#suljemuokkaus{
    cursor:pointer;
    float:right;
}
#muokkausotsikkoinput{
    border:0;
    background:url('../images/muokkausviestiinput.png');
    color:#223476;
    font-family:Arial;
    line-height:18px;
    font-size:12px;
    font-weight:bold;
    width:382px;
    height:23px;
    padding:6px 4px 4px 10px;  
    position:absolute;
    top:103px;
    left:237px;     
}
#viestimuokkaus{
    width:379px;
    height:196px;
    padding:8px 8px 8px 8px;
    background:url('../images/muokkausviestiinput.png');
    position:absolute;
    top:168px;
    left:237px; 
    background-repeat:no-repeat;
}
#muokkausviestiinput{
    border:0;
    color:#223476;
    font-family:Arial;
    line-height:18px;
    font-size:12px;
    height:111px;
    width:379px;
}
#disclaimer{
    font-size:12px;
    color:#7a7b7b;
    line-height:16px;
    height:78px;  
}
#muokkaustakaisin{
    color:#FFFFFF;
    font-size:12px;
    cursor:pointer;
    position:absolute;
    top:399px;
    left:237px;
}
#muokkauslaheta{
    position:absolute;
    top:391px;
    left:517px;
    height:36px;
    width:117px;
    cursor:pointer;
}



/*KIITOSSIVU*/
#kiitososallistumisesta{
    position:absolute;
    top:55px;
    left:158px;
    width:523px;
    font-size:57px;
    line-height:65px;
    font-weight:bold;    
}
#saatvahvistuksen{
    position:absolute;
    top:197px;
    left:158px;
    width:450px;
    font-size:13px;
    line-height:16px;
}
#onneakisaan{
    position:absolute;
    top:250px;
    left:158px;
    width:523px;
    font-size:18px;
    font-weight:bold;    
}
#etusivulinkki{
    font-size:13px;
    position:absolute;
    top:293px;
    left:158px;    
}
#etusivulinkki{
    font-size:13px;
    position:absolute;
    top:293px;
    left:158px;    
}
#etusivulinkki {color:#ffffff; text-decoration:none;}
#etusivulinkki:hover {color:#dddddd; text-decoration:none;}
#etusivulinkki:visited {color:#ffffff; text-decoration:none;}
#etusivulinkki:active {color:#ffffff; text-decoration:none;}
#takaisinlinkki{
    font-size:13px;
    position:absolute;
    top:953px;
    left:275px;    
}
#takaisinlinkki {color:#ffffff; text-decoration:none;}
#takaisinlinkki:hover {color:#dddddd; text-decoration:none;}
#takaisinlinkki:visited {color:#ffffff; text-decoration:none;}
#takaisinlinkki:active {color:#ffffff; text-decoration:none;}




/*SEURANTASIVU*/
#valkoinentausta-yla2{
    background:url('../images/kaverikutsunseuranta.png');
    height:125px;
}
#seurantah1{
    position:absolute;
    top:55px;
    left:155px;
}
#seurantah2{
    position:absolute;
    left:155px;
    top:112px;
}
#kaverisivuteksti{
    position:absolute;
    left:57px;
    top:311px;
    line-height:16px;
    width:555px;
    font-size:13px;
}
#kaverisivuteksti strong{
    color:#af0ed9;
}
#kaverisivuteksti p{
    color:#223476;
}
#kavereidenosallistumistilanne{
    position:absolute;
    left:57px;
    top:407px;
}
#omattietoni{
    position:absolute;
    left:57px;
    top:639px;
}
#kutsunlisaa{
    position:absolute;
    left:57px;
    top:818px;
}
#kaverit{
    position:absolute;
    left:57px;
    top:494px;
    font-size:12px;
    color:#7d7e7e;
}
.kaveri{
    border-bottom:1px solid #d6d6d6;
    width:300px;
    height:30px;
    line-height:30px;
}
.kaveri img{
    float:right;
}
#omattiedot{
    position:absolute;
    left:57px;
    top:674px;
}
#omattiedotvasen{
    position:absolute;
    left:57px;
    top:674px;
    font-weight:bold;
    color:#636466;
    font-size:12px;
    line-height:16px;
}
#omattiedotoikea{
    position:absolute;
    left:165px;
    top:674px;
    color:#636466;
    font-size:12px;
    line-height:16px;    
}
#huom{
    font-size:13px;
    position:absolute;
    left:57px;
    top:749px;    
    color:#223476;
}
#huom strong{
    color:#af0ed9;
}

#system-message {
  position: absolute;
  left: -50px;
  top: 50px;
  width: 800px;
  overflow: hidden;
  background: white;
  border: 3px solid #223476;    
  color: #223476;    
  z-index: 12000;
  padding: 20px;
}
dt.warning {
  display: none;
}
.fb-like {
  left: 31px;
}