#bannerContent_1 a img {
    margin-bottom: 10px;
}

body {
    background-image: url(background.gif);
    background-repeat: repeat;
    margin-left: 30px;
    margin-top: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
} 

h1, h2 {
    font-size: 13pt;
}

.noLink {
    color: #aaa;
} 

.input {
    border: 1px solid #9D9DA1;
    padding-left: 3px;
    width: 100px;
} 

.button {
    background-color: #6E8135;
    border: 2px outset #D3D3D3;
    color: #FFFFFF;
}

a:hover {
    color: #000000;
}

a.sivulinkki {
    color: #FFFFFF;
}

img.sivubannerii {
    vertical-alignement: center;
}

p.style1 {
    margin-left: 10px;
}

div.ylabanneri {
    width: 770px;
    height: 100px;
    border-color: #E4E4E4;
    border: 1px;
}

div.visa {
    width: 300px;
    height: 115px;
    float: right;
    margin: 5px;
    position: relative;
}

div.juttua {
    width: 290px;
    height: 145px;
}

div.sivubanneri {
    background-color: #FFFFFF;
    width: 190px;
    float: right;
    text-align: center;
    padding-top: 5px;
    height: 100%;
}

div.vasenboksi {
    width: 192px;
    height: 194px;
    background-image: url(images/vas-ylakulma-as-1.jpg);
    border: none;
    position: relative;
    float: left;
}

div.tekstiyla {
    width: 750px;
    height: 194px;
    border: none;
    position: relative;
}

div.tekstiala {
    width: 750px;
    height: 125px;
    border: none;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

div.tekstiboksi {
    width: 544px;
    height: 194px;
    background: url(images/ylaboksi-bg.jpg) no-repeat;
    position: relative;
    float: right;
}


div.tekstiboksi_half {
    width: 544px;
    height: 94px;
    background-image: url(images/ylaboksi_bg_nt.jpg);
    position: relative;
    float: right;
}

div.tekstiboksi2 {
    width: 544px;
    height: 190px;
    position: relative;
    float: right;
    border: 1px solid #ededed;
    background-image: url(images/bg-sohva2.jpg);
    margin-top: 10px;
}

div.tekstiboksi3 {
    width: 544px;
    position: relative;
    float: right;
    border: 1px solid #ededed;
    margin-top: 10px;
}

div.tekstiboksi3_2 {
    width: 544px;
    position: relative;
    float: right;
    border: 1px solid #ededed;
    margin-top: -90px;
/*    margin-top: 10px;*/
}

div.tekstiboksi3b {
    width: 693px;
    overflow: hidden;
    position: relative;
    float: left;
    border: 1px solid #ededed;
    margin-top: 10px;
    padding: 10px 45px 10px 10px;
}

div.reunaboksi {
    width: 190px;
    height: 210px;
    border: 1px solid #ededed;
    float: left;
    margin-top: 10px;
    position: relative;
}

div.hakuboksi {
    width: 230px;
    height: 130px;
    float: left;
    margin: 7px;
    padding-top: 40px;
}

div.juttuboksi {
    width: 536px;
    height: 198px;
    border: 1px solid #ededed;
    float: left;
    background-image: url(images/juttu-bg.jpg);
    margin-top: 10px;
}

div.juttuboksii {
    width: 536px;
    height: 125px;
    float: left;
    margin-top: 10px;
    background-color: #b8da45;
    position: relative;
}

div.ajankohtaista {
    width: 190px;
    height: 198px;
    border: 1px solid #ededed;
    float: right;
    margin-top: 10px;
}

div.kirjautuminen {
    width: 190px;
    height: 125px;
    border: 1px solid #ededed;
    background-color: #b8db45;
    float: right;
    margin-top: 10px;
}

div.linkkivalikko {
    width: 150px;
    height: 150px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-style: oblique;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 100;
    padding-left: 15px;
    padding-top: 15px;
}

div.vihree {
    background-color: #a5c735;
    width: 170px;
    height: 190px;
    border: none;
    margin: 10px;
    text-align: left;
}

div.juttuteksti {
    width: 300px;
   height: 140px;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
}

div.juttuteksti2 {
    width: 500px;
    overflow: hidden;
    padding-left: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
} .bg {
    position: relative;
    width: 970px;
    border: none;
}

div.juttuteksti2 ul {
    list-style-image: url(images/arrow_list.gif);
}

div.otsikko {
    font-size: 18px;
    color: #8a8a8a;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
}

div.akohtaista {
    font-size: 10px;
    color: #000000;
    font-style: normal;
    background-color: #ebebeb;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin: 5px;
}

div.juttuotsikko {
    font-family: "Times New Roman", Times, serif;
    color: #8a8a8a;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
}

div.juttuotsikko2 {
    font-family: "Times New Roman", Times, serif;
    color: #8a8a8a;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}

div.otsikkovisa {
    font-family: "Times New Roman", Times, serif;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

div.leipateksti {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: 16px;
} .style3 {
    font-size: 10px
} .vihree a:link {
    text-decoration: none;
    color: #FFFFFF;
} .vihree a:visited {
    text-decoration: none;
    color: #FFFFFF;
} .vihree a:hover {
    text-decoration: none;
    color: #FFFFFF;
} .vihree a:active {
    text-decoration: none;
    color: #FFFFFF;
}

/*
 
 a.green:link, a.green:visited, a.green:hover, a.green:active {
 
 color: #97c00e;
 
 }
 
 */
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #498009; /*#97c00e;*/
} .style3 a:link, .style3 a:hover, .style3 a:visited, .style3 a:active {
    color: #000000;
}

div.leipateksti2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    line-height: 16px;
}

div.ylatekstit {
    width: 465px;
    height: 60px;
    color: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 120px;
    padding-bottom: 5px;
}

div.ylatekstit2 {
    width: 515px; /*465px;*/
    height: 120px;
    color: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 90px;
    padding-bottom: 5px;
}

div.val_logo {
    float: right;
}

div.buttonboksi {
    width: 156px;
    height: 23px;
    background-image: url(images/ala-button.jpg);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-top: 8px;
    margin-left: 15px;
    margin-top: 10px;
}

div.alalinkit {
    width: 170px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #000000;
    height: 20px;
    margin-left: 15px;
    margin-top: 10px;
}

div.akohtaista2 {
    font-size: 10px;
    color: #000000;
    font-style: normal;
    background-color: #d7e683;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    margin: 5px;
} 

.main {
    height: 100%;
    width: 750px;
    background-color: #FFFFFF;
    padding: 10px;
    border: 1px solid #E5E5E5;
    float: left;
} 

.menuMainVertical ul {
    padding: 0;
    margin: 0;
    list-style: none;
} 

.menuMainVertical ul li a span {
    text-transform: uppercase;
}

div.val_hlo {
    float: left;
    width: 240px;
    height: 100px;
    margin-left: 2px;
    margin-top: 15px;
}

div.val_hlo_kuva {
    float: left;
    padding: 3px;
    /*width: 60px;*/
}

div.val_hlo_info {
    float: left;
    margin-left: 10px;
}


/* FORM */

fieldset {
margin: 10px 0 0 0;
padding: 10px 1%;
border: 1px dotted #999;
}

fieldset fieldset {
clear: left;
margin: 10px 1%;
width: 99%;
}

legend {
background: #fff; /* TAUSTAN V?*/
padding: 0 1%;
font: 900 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

label {
width: 48%;
display: block;
float: left;
font: 700 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 1%;
}

input, textarea, select {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid #9ab;
background: #f5f7f9;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus {
background: #eef0f2;
border: 1px solid #678;
}

.label1col, .cb1col { width: 99%; }
.label2col, .cb2col { width: 49%; }
.label3col, .cb3col { width: 32.3%; }
.label4col, .cb4col { width: 24%; }

.label1col input, .label1col select, .label1col textarea { width: 98%; }
.label2col input, .label2col select, .label2col textarea { width: 96%; }
.label3col input, .label3col select, .label3col textarea { width: 94%; }
.label4col input, .label4col select, .label4col textarea { width: 92%; }

.cb1col, .cb2col, cb3col, cb4col { cursor: pointer; cursor: hand; float: left; }
.cb1col input, .cb2col input, cb3col input, cb4col input { 
display: inline; 
padding: 0;
margin-right: 5px;
vertical-align: bottom;
width: auto;
border: none;
background: none;
}

.formButtons {
padding: 10px;
text-align: center;
}

.submitImage button, .navImage button {
border: none;
width: auto;
margin: 0 5px;
background: none;
cursor: pointer;
cursor: hand;
display: inline;
}

.submitButton button, .navButton button {
border: 3px double #587104;
background: #a1c529;
padding: 3px 10px;
width: auto;
color: #fff;
cursor: pointer;
cursor: hand;
margin: 0 5px;
display: inline;
}

.submitButton button:hover, .navButton button:hover {
border: 3px double #587104;
background: #b8da45;
}

.fieldsetIngress {
font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 1%;
}

.warningText {
border: 1px dotted #cf839e;
background: #feeef4;
padding: 5px 2%;
font-size: 11px;
font-weight: bold;
}

.warning {
border: 1px solid #cf839e;
background: #feeef4;
}


#searchContent input {
display: inline;
width: auto;
border: 0;
}

#searchContent input.input, #searchContent input.button {
border: 1px solid #9D9DA1;
}