.FCK_content { areas: 1,2,3,4; background: #fff; }

body, div, img, iframe { margin: 0; padding: 0; border: 0; font: 10pt "Trebuchet MS"; }

body { background: url(images/body_background.png) repeat-x; }
hr { color: #bcd08d; height: 1px; background-color: #bcd08d; border: 0; }

.clearAll { clear: both; }
.readMore { background: url(images/small_arrow.png) no-repeat; padding-left: 20px; line-height: 14px; display: block; width: 30%; margin-right: 10%; float: left; margin-bottom: 10px; }

a { color: #99ca3c; }
a:hover { color: #699712; }
h1 { color: #6f9b08; font-size: 16pt; font-weight: normal; }
h2 { font-size: 13pt; }

#container { width: 818px; margin: 0 auto; }

#header { position: relative; width: 818px; height: 108px; background: url(images/av_logo.png) no-repeat; }
#header_logo_link { position: absolute; }
#header_links { position: absolute; top: 45px; right: 15px; }
#header_links a { color: #6c6c6c; font-size: 8pt; text-transform: uppercase; text-decoration: none; }

#theme_area { position: relative; margin-top: 7px; width: 818px; height: 222px; background: url(images/theme_area.png) no-repeat; }
#theme_images { position: absolute; width: 764px; height: 196px; top: 26px; left: 27px; }
#theme_images img { position: absolute; }

#menu { padding-left: 38px; width: 818px; height: 33px; background: url(images/menu_background.png) no-repeat; }
.menuMainHorizontal ul { list-style-type: none; padding: 0; margin: 0; }
.menuMainHorizontal ul li { float: left; display: inline; margin: 0 7px 0 15px; padding-right: 24px; background: url(images/menu_divider.png) no-repeat right; }
.menuMainHorizontal ul li a { text-decoration: none; }
.menuMainHorizontal ul li a span { line-height: 33px; color: #434343; }
.menuMainHorizontal ul li a:hover span { color: #99ca3c; }
.menuMainHorizontal ul li.selected a span { color: #699712; }

.menuSubVertical ul { list-style-type: none; }
.menuSubVertical ul li { background: url(images/small_arrow.png) no-repeat left center; padding: 4px 0 4px 20px; border-bottom: 1px solid #c9d69e; }
.menuSubVertical ul li.lastItem { border: 0; }
.menuSubVertical ul li a { text-decoration: none; }

#content { width: 818px; margin-top: 15px; position: relative; }
#content_left { width: 460px; float: left; margin-left: 53px; }
#content_right { width: 230px; float: right; margin-right: 27px; position: relative; }
#content_one { width: 764px; margin-left: 27px; background: url(images/cb_background.png) repeat-y; }
.content_padding { padding: 25px; }
#content_one div { /*padding-top: 0;*/ }
#content_one a { color: #5f5f5f; }

#footer { background: #ecf2df; margin-top: 25px; }
#footer_content { position: relative; width: 818px; margin: 0 auto; padding: 10px 0 10px 53px; }
.footer_column { width: 140px; margin-left: 30px; float: left; }
.footer_column h3 { font-size: 9pt; margin-bottom: 5px; color: #434343; }
.footer_column ul li a { font-size: 8pt; text-decoration: none; color: #818181; }
.footer_column ul li a:hover { color: #699712; }
.footer_column ul li { font-size: 8pt; color: #818181; }
.footer_column ul { color: #699712; padding-left: 25px; margin-top: 0px; list-style: none; padding-left: 10px; }
#footer_banners { position: absolute; width: 230px; text-align: center; top: 25px; right: 53px; }
#footer_banners img { margin-right: 10px; }


#center_nostot { margin-top: 23px; text-align: center; }
#center_nostot img { margin-right: 10px; }

#ajankohtaista { background: url(images/ajankohtaista_background.png) repeat-y; width: 230px; }
.ajank_header { width: 216px; margin: 8px auto 0 auto; position: relative; border-bottom: 1px solid #6e9907; }
.ajank_date { width: 44px; text-align: center; color: #99ca3c; position: absolute; font: 8pt Georgia, "Times New Roman", Times, serif; }
.ajank_title { color: #6f9b08; position: absolute; left: 60px; font-size: 9pt; font-weight: bold; }
.ajank_content { margin-left: 65px; margin-top: 6px; font-size: 8pt; }

.henkilo { width: 40%; margin-right: 8%; margin-bottom: 20px; float: left; }

/* 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;
}

/* LKV-FRAME ASETUSET AV */

.lkvFrameTopPager {
    margin-bottom: 10px !important;
}

.ylaPalkki { border: 1px solid #ccc !important;
    -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
}

#lkvFrameLeftContainer  { 
    
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-border-radius: 3px;
        	-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
}

.openItem { padding: 8px 16px !important;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
	        -ms-transition: all 0.2s;
        	-o-transition: all 0.2s;
        	transition: all 0.2s;
}


@media only screen and (min-width: 768px) {
    #lkvFrameLeftContainer  {
        border: 1px solid #ccc;
    }
}

@media only screen and (max-width: 767px) {
    #lkvFrameLeftContainer {
        border: 0px !important;
    }
}

@media only screen and (max-width: 480px) {
    .openItem {
        width: 88%;   
    } 
    #lkvFrameLeftContainer  { 
        border: 0px !important;
    }

}
/* LKV - framecolors */
 

.dd .ddChild a:hover {
    background-color: #bfdb0a !important;
    color: #fff;
} 

.lkvButton, .lkvButtonColor, .itemPagerButtons > a > div:hover {
    background-color: #bfdb0a !important;
    border: 1px solid #afcb00 !important;
}

.lkvButton, .lkvButtonColor, .itemPagerButtons > a > div {
    background-color: #bfdb0a !important;
    border: 1px solid #afcb00 !important;
}
.ylaPalkki { color: #000000 !important; }

#lkvFrameMenuMobileButton {
    background-color: #bfdb0a !important;
    border: 1px solid #afcb00 !important;
}
#lkvFrameMenu li.lkvFrameMenuSelected {
        background-color: #bfdb0a !important;
        margin: 0px !important;
        margin-top: 2px solid #afcb00 !important;
        margin-bottom: 2px solid #afcb00 !important;
    }

#lkvFrameMenu li:hover {
    background-color: #ddd !important;
}

#lkvFrameMenu li.lkvFrameMenuSelected:hover {
    background-color: #afcb00 !important;
}

.nf_row h3 { color: #000 !important; }
.lkvFrameMobileBoxTitle, span.arrow { background-color: #bfdb0a !important; border: 1px solid #afcb00 !important; }
#lkvFrameMobileOrderBox .lkvFrameMobileBoxTitle { background-color: #6acf00 !important; border: 1px solid #afcb00 !important; }
.nf_street a { color: #000 !important; }

.ylaPalkkiSisempiVasen { position: absolute; }

.ylaPalkkiSisempiOikea > div { margin-left: 10px !important; }

.ylaPalkkiOikea { position: absolute; right: 60px; }

/* EO LKV-FRAMEASETUKSET */