.FCK_content {
areas: 1;
background-color: #ffffff;
background-image: none;
}


/* =Rakenteelliset elementit alkaa */

html {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical; 
}


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


h1, #nmPreview_uutiset .mainTitle, #nmNews_uutiset .mainTitle {
margin: 0 -5px;
padding: 5px;
font: 500 18px/18px "Arial Black", Arial, Helvetica, sans-serif;
color: #675f54;
background: url(img/h1.png) repeat-x bottom left;
margin-bottom: 5px;
}

h2, #nmPreview_uutiset .title, #nmNews_uutiset .title {
font: 700 14px/18px Geneva, Arial, Helvetica, sans-serif;
color: #675f54;
padding: 15px 0 5px 0;
margin: 0;
}


h3 {
font: 700 12px/18px Geneva, Arial, Helvetica, sans-serif;
color: #675f54;
padding: 10px 0 5px 0;
margin: 0;
}


p {
padding: 10px 0 5px 0;
margin: 0;
}


a {
color: #0093c3;
font-weight: bold;
}


a:hover {
color: #0073a3;
}


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


li {
padding: 0 0 0 20px;
margin: 0;
background: url(img/li.png) no-repeat left center;
line-height: 21px;
}


fieldset {
border: 1px dotted #ccc;
padding: 10px;
}

legend {
padding: 0 10px;
font-weight: bold;
}


label {
display: block;
padding: 5px 10px;
}

input, textarea, select {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
border: none;
}

/* Rakenteelliset elementit loppuu */




/* =Lomake */

input.text, textarea.text {
border: 1px solid #909498;
background: #f0f4f8;
display: block;
}

input.radio, input.checkbox {
width: auto;
float: left;
margin-right: 10px;
}

input:focus, textarea:focus, select:focus {
border: 1px solid #92a68d;
background: #e7f3e9;
}

input.submit {
background: #de6528;
font: 700 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 2px 10px;
color: #fff;
margin: 0 0 0 10px;
border: 1px solid #b25120;
}


/* 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 #147;
background: #369;
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 #369;
background: #58b;
}

.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;
}


/* Lomake loppuu */






/* =Ulkoasu alkaa */


#wrap {
background: url(img/wrap.jpg) no-repeat top center;
width: 100%;
height: 400px;
}

#container {
width: 850px;
margin: auto;
}

#menu {
width: 188px;
float: left;
}

#mainColumn {
float: left;
width: 488px;
padding: 0 0 0 16px;
}

#language {
height: 42px;
text-align: right;
width: 100%;
}

#mainTop {
padding: 8px 9px;
background: url(img/main_top.png) no-repeat;
}

#mainBody {
background: url(img/main_body.png);
padding: 5px 24px;
}

#mainFooter {
padding: 25px 5px;
text-align: center;
background: url(img/main_bottom.png) no-repeat top;
font: 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
}



#secondaryColumn {
float: right;
width: 140px;
padding: 67px 0 0 0;
}

#secondaryTop {
font: 10px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #9fddf9;
background: url(img/menu_li.png) repeat-x bottom left;
}


/* UUTISET */

#nmPreview_uutiset .item, #nmNews_uutiset .item {
background: url(img/h1.png) repeat-x bottom left;
padding: 0 5px;
margin: 0 -5px;
}

#nmPreview_uutiset .image {
width: 80px;
padding: 10px 0;
float: right;
}

#nmPreview_uutiset .title {
width: 340px;
float: left;
}

#nmPreview_uutiset .ingress, #nmPreview_uutiset .date, #nmPreview_uutiset .readmore {
width: 340px;
float: left;
}

#nmPreview_uutiset .date, #nmNews_uutiset .date {
margin-top: -5px;
font-size: 11px;
}

#nmPreview_uutiset .readmore, #nmNews_uutiset .gotoTop {
padding-bottom: 10px;
}

#nmPreview_uutiset .footer {
display: none;
}

#nmNews_uutiset .ingress {
display: none;
}


/* UUTISET LOPPUU */


.clearall {
width: 100%;
clear: both;
height: 1px;
}

/* Ulkoasu loppuu */




.menuVertical ul {
padding: 0;
margin: 10px 4px;
}

.menuVertical ul li {
padding: 0;
margin: 0;
background: url(img/menu_li.png) repeat-x bottom left;
}

.menuVertical ul ul {
padding: 0;
margin: 0;
}

.menuVertical li li {
padding: 0 0 0 10px;
margin: 0;
background: url(img/menu_li.png) repeat-x top left;
}

.menuVertical a {
color: #fff;
font: 700 12px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 28px;
padding: 0 0 0 20px;
text-decoration: none;
display: block;
}

.menuVertical ul li.open a {
background: url(img/menu_opened.png) no-repeat left center;
color: #9fddf9;
}

.menuVertical ul li.open ul li a {
background: none;
color: #fff;
font-size: 11px;
}

.menuVertical ul li a.selected, .menuVertical ul li ul li a.selected {
background: url(img/menu_a.png) no-repeat left center;
color: #9fddf9;
}

.menuVertical ul li a:hover, .menuVertical ul li ul li a:hover {
color: #000;
}

.galleria td {
width: 5px 0;
}

.kuvalista {
display: none;
}


/* GALLERIA */

.thumbnailsWrapper {
text-align: center; 
}

.albumWrap {
float: left; 
width: 90px; 
height: 90px;
margin: 5px;
text-align: center;
}

.albumWrap a:link { text-decoration: none; }
.albumWrap a:visited { text-decoration: none; }
.albumWrap a:hover { text-decoration: none; }
.albumWrap a:active { text-decoration: none; }
.albumWrap a:link img { border: 1px solid #ffffff; }
.albumWrap a:visited img { border: 1px solid #ffffff; }
.albumWrap a:active img { border: 1px solid #cccccc; }
.albumWrap a:hover img { border: 1px solid #cccccc; }

.imgThumbWrap {
float: left; 
width: 90px; 
height: 90px;
margin: 5px;
/*background-color: #dedede;*/
/*border: 1px dashed #dddddd;*/
text-align: center;
}

.imgThumbWrap a:link { text-decoration: none; }
.imgThumbWrap a:visited { text-decoration: none; }
.imgThumbWrap a:hover { text-decoration: none; }
.imgThumbWrap a:active { text-decoration: none; }
.imgThumbWrap a:link img { border: 1px solid #fff; }
.imgThumbWrap a:visited img { border: 1px solid #fff; }
.imgThumbWrap a:active img { border: 1px solid #41ace4; }
.imgThumbWrap a:hover img { border: 1px solid #41ace4; }

.imgThumb {
/*width: 80px;*/
/*height: 80px;*/
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
/*border: 1px dashed #cccccc;*/
}

.imgDesc {
font-size: 10px;
line-height: 90%;
}

#kuvagalleria_gmGallery .item {
clear: both;
padding: 10px 0;
background: url(img/h1.png) repeat-x bottom left;
}

#kuvagalleria_gmGallery .image {
width: 100px;
float: left;
}

#kuvagalleria_gmGallery .title, #kuvagalleria_gmGallery .content {
width: 330px;
float: right;
}