body {
background-color: #6C6994; color: #000; margin-top: 50px; font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica;
background-image: url('images/bg.jpg'); background-repeat: repeat-x; background-position: center top;
}



p {
font-size: 14px; color: #CCC; margin: 0px;
} 
               
h1 {
font-size: 20px; color: #CCCCCC; letter-spacing: 0; font-weight: normal;
}

               
h2 {
font-size: 14px; color: #FFF; letter-spacing: 0px; margin: 0;
}

h3 {
font-size: 16px; color: #ccc; letter-spacing: 0px; margin: 0 0 18px 0;
}
               
ul {
font-size: 14px; color: #FFF; margin-bottom: 3px; list-style-image: url('images/nuoli.gif');
}

li {
font-size: 14px; color: #FFF; margin-bottom: 7px;
}


.border_all {
border: 1px solid #000;
}



div#ulkokehys {
width: 1010px;
margin: 0 auto;
padding: 0px;
}

div#ylapalkki {
float: left;
width: 1010px;
height: 40px;
margin: 0 auto;
background-image: url('images/ylapalkki.gif');
background-repeat: no-repeat;
background-position: center top;
}

.navidiv {
width: 380px;
float: right;
margin: 11px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.ots2 {
font-family: Arial, Verdana; Helvetica; font-size: 14px;
color: #FFF; letter-spacing: 0; font-weight: bold; margin: 0px;
}

a.navia:active	{ font-size: 14px; font-weight:bold; color: #FFF; text-decoration: underline; }
a.navia:link	{ font-size: 14px; font-weight:bold; color: #FFF; text-decoration: underline; }		
a.navia:visited	{ font-size: 14px; font-weight:bold; color: #FFF; text-decoration: underline; }
a.navia:hover	{ font-size: 14px; font-weight:bold; color: #CCC; text-decoration: underline; }

div#sisalto {
float: left;
width: 1008px;
margin: 5px 0 5px 0;
border: 1px solid #000;
background-color: #FC252A;
background-image: url('images/bg_keski_uusi.jpg');
background-repeat: repeat-x;
background-position: center top;
}


img#vasen {
float: left; border: 0;
}


div#oikeapalsta {
float: left;
width: 430px;
margin: 35px 0 0 40px;
border: 0px solid #ccc;
}

div.slogan {
background: url('images/slogan_bg.png') no-repeat left top;
padding: 13px 0;
margin-top: 40px;
width: 423px;
height: 96px;
text-align: center;
}

div.slogan h1 {
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
font-size: 16px;
font-style: italic;
margin: 0;
padding: 0;
}

div#alapalkki {
float: left;
width: 1010px;
height: 35px;
text-align: center;
margin: 0px;
background-image: url('images/alapalkki.gif');
background-repeat: no-repeat;
background-position: center bottom;
}

div#alapalkki p {
font-family: Arial, Verdana, Helvetica; font-size: 12px;
}

p.copyw {
font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #000; text-align: right;
}




/* ********** LOMAKE ********** */

div#lomakekehys {
width: 390px;
margin: 10px 0 0 3px;
padding: 0;
background:;
}

div.rivi {
float: left;
width: 390px;
margin: 4px 0 4px 0;
padding: 0;
background:;
}

div.vasensolu {
float: left;
width: 70px;
margin: 0;
padding: 0;
background:;
}

div.vasensolu p {
margin-top: 1px;
}

div.oikeasolu_01 {
float: left;
width: 320px;
margin: 0;
padding: 0;
}

div.oikeasolu_02 {
float: left;
width: 320px;
margin: 0;
padding: 0;
background: url('images/input_bg1.png') no-repeat center;
}

div.oikeasolu_02 p {
text-align: center;
}

div.oikeasolu_03 {
float: left;
width: 320px;
margin: 0;
padding: 0;
background: url('images/input_bg2.png') no-repeat center;
}

div.oikeasolu_03 p {
text-align: center;
}

div.oikeasolu_04 {
float: left;
width: 320px;
margin: 0;
padding: 0;
background: url('images/input_bg3.png') no-repeat center;
}

div.oikeasolu_04 p {
text-align: center;
}

input.i01 {
margin: 3px 0 3px 0;
border: 0;
padding: 0;
width: 300px;
height: 17px;
}

textarea.i02 {
margin: 7px 0 7px 0;
border: 0;
padding: 0;
width: 300px;
height: 58px;
}

input.i03 {
margin: 4px 0 4px 0;
border: 0;
padding: 0;
width: 100px;
height: 15px;
}


/* ********** LOMAKE END ********** */



.divtb {
position: absolute; top: 800; background-color: #6C6994; border: 0px solid #CCC; width: 200px; height: 50px;
}