@charset "ISO-8859-1";

body {
background: #fff url(img/body_bg.jpg) repeat-x top center;
padding: 0;
margin: 0;
font: 500 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.FCK_content {
areas: 1,2;
background-color: #fff;
background-image: none;
}

img {
border: none;
}

h1 {
font: 700 20px/24px Arial, Helvetica, sans-serif;
padding: 10px 0 5px 0;
margin: 0;
color: #666;
}

h2 {
font: 700 17px/24px Arial, Helvetica, sans-serif;
padding: 10px 0 5px 0;
margin: 0;
color: #666;
}

h3 {
font: 700 14px/24px Arial, Helvetica, sans-serif;
padding: 10px 0 5px 0;
margin: 0;
color: #62a73b;
}

h4 {
font: 700 12px/22px Arial, Helvetica, sans-serif;
padding: 10px 0 5px 0;
margin: 0;
color: #62a73b;
}

ul {
margin: 0;
padding: 0 5px 5px 5px;
list-style: none;
}

li {
background: url(img/li.gif) no-repeat top left;
margin: 5px 0 0 0;
padding: 0 0 0 25px;
}

a {
color: #199ab6;
}

a:hover {
color: #007a96;
}


#centerWrapper {
background: url(img/center_wrap_bg.jpg) no-repeat top center;
text-align: center;
margin: auto;
padding: 0;
width: 100%;
}

#wrapper {
margin: auto;
padding: 196px 0 0 0;
text-align: left;
width: 774px;
}


/* Menu */
.menuMainHorizontal {
height: 51px;
padding: 0 27px;
}

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

.menuMainHorizontal ul li {
padding: 0;
margin: 0;
display: block;
float: left;
width: 120px;
height: 51px;
}

.menuMainHorizontal ul li a {
display: block;
width: 120px;
height: 51px;
background-image: url(img/button_bg.jpg);
background-position: center center;
text-align: center;
text-decoration: none;
font: 14px/44px "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #fff;
}

.menuMainHorizontal ul li a:hover {
background-position: bottom center;
}

.menuMainHorizontal ul li.selected a {
background-position: top center;
color: #4b802d;
}
/* EOF Menu */


.pageName {
padding: 30px 0 20px 0;
}

.pageName h1 {
font: 500 28px/46px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
padding: 0;
margin: 0;
}

#content1_area {
background: url(img/content1_body_bg.gif);
width: 530px;
float: left;
}

#content1_body {
background: url(img/content1_top_bg.gif) no-repeat top left;
width: 500px;
padding: 15px 15px 0 15px;
}

#content2_area {
width: 225px;
float: right;
}

#footerWrapper {
width: 100%;
background: #eee url(img/footer.gif) repeat-x bottom center;
padding: 0 0 20px 0;
text-align: center;
margin: auto;
}

#footer {
margin: auto;
padding: 40px 15px 0 15px;
text-align: left;
width: 744px;
background: url(img/footer_top.gif) no-repeat top left;
color: #666;
font-size: 11px;
line-height: 18px;
}

.clearall {
clear: both;
height: 1px;
font-size: 1px; /* IE6 Fix */
line-height: 1px; /* IE6 Fix */
}


/* FORM */

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

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

legend {
background: #fff; /* TAUSTAN VÄRI */
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: #f4f4f4;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus {
background: #eee;
border: 1px solid #666;
}

.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 #306618;
background: #62a73b;
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 #306618;
background: #49862a;
}

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

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

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

.hr {
width: 100%;
height: 0px;
clear: both;
font-size: 0px;
line-height: 0px;
}

.formeditSubMenu {
font: 700 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
clear: both;
padding: 5px 1%;
}