.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(/html/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(/html/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(/html/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;
wi_dth: 98%;
dis_play: 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 */




/*
 JWe-MIX
*/
#valikko_h_popup{
	color : #555555;
position: relative;
list-style: none; 
font-size : 11px;
}

 #valikko_h_popup ul { 
	padding: 0;
	margin:0;
	list-style: none;
width:6em;
/*width:12em;*/
z-index:99;
position: absolute;
overflow:visible;
font-size : 10px;
}

#valikko_h_popup li { 
margin:0;   
position: relative; 
float:left;
	/*width: 12em;*/
	background-color: transparent;
border:solid 0px #CECECE;
display:block;
font-size : 10px;
/*height:auto;*/
}

#valikko_h_popup ul li{ 
font-size : 10px;
	background-color: #ffffff;
border:solid 1px #4477b9;
display:block;
}

/*#valikko_h_popup ul li{ border-width:1px 1px 0 0;}*/
/*#valikko_h_popup ul ul li{ border-width:1px 1px 0 1px;}*/
/*#valikko_h_popup ul ul li:last-child{border-width:1px;}*/
 
#valikko_h_popup a {

font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-indent : 0px;
	letter-spacing : 0px;
	line-height : 100%;
	word-spacing : 1px;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	color : #4477b9;
	font-weight: bold;
	display:block;
	width:9em;
	height:1.0em;
}

#valikko_h_popup ul a, #valikko_h_popup ul ul a, #valikko_h_popup ul ul ul a {
	width:12em;
}

#valikko_h_popup a:hover, #valikko_h_popup li:hover{
/*background-color:#DFDFDF; */
font-size : 10px;
Color: #aaaaaa;
}
#valikko_h_popup ul li:hover, #valikko_h_popup ul li a:hover{ /*background-color:#DFDFDF;*/
Color: #B5B5B5;
}
#valikko_h_popup ul{
display:none;   
}


/*all see this */
#valikko_h_popup ul ul, #valikko_h_popup ul ul ul{
display:none; 
position:absolute; 
margin-top:-2.3em; 
margin-left:12em;
}

/* non-IE browsers see this */
 #valikko_h_popup ul li>ul, #valikko_h_popup ul ul li>ul{
margin-top:-2.3em;
 }

 
#valikko_h_popup li:hover ul ul, #valikko_h_popup li:hover ul ul ul, #valikko_h_popup li:hover ul ul ul ul, #valikko_h_popup li:hover ul ul ul ul ul{
display:none; 
}

#valikko_h_popup li:hover ul, #valikko_h_popup ul li:hover ul, #valikko_h_popup ul ul li:hover ul, #valikko_h_popup ul ul ul li:hover ul, #valikko_h_popup ul ul ul ul li:hover ul{
display:block;
}

/* end <!-- valikko_h_popup --> */

/* Valikon määritykset: pystysuuntainen, ei-popup <!-- valikko_v --> */

#valikko_v { width: 100%; }

.nav_valittu {
	font-weight: bold;
}

#valikko_v ul
{
margin-left: 5;
padding-left: 5;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#valikko_v a
{
display: block;
padding: 3px;
width: 100%;
background-color: transparent;
border-bottom: 0px;
}

#valikko_v a:link, #valikko_v a:visited
{
color: #000;
text-decoration: none;
}

#valikko_v a:hover
{
background-color: #CCCC9A;
color: #000;
}

/* end <!-- valikko_v --> */

/* Valikon määritykset: vaakasuuntainen, pelkkä päätaso <!-- valikko_h_main --> */

#valikko_h_main { width: 100%; }

#valikko_h_main ul
{
margin-left: 5;
padding-left: 5;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#valikko_h_main a
{
display: block;
padding: 3px;
width: 100%;
background-color: transparent;
border-bottom: 0px;
}

#valikko_h_main a:link, #valikko_h_main a:visited
{
color: #000000;
text-decoration: none;
}

#valikko_h_main a:hover
{
background-color: #CCCC9A;
color: #000000;
}

/* end <!-- valikko_h_main --> */


/*
 /JWe-MIX
*/

/* =Ulkoasu alkaa */


#wrap {
background: url(/html/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(/html/img/main_top.png) no-repeat;
}

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

#mainFooter {
padding: 25px 5px;
text-align: center;
background: url(/html/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(/html/img/menu_li.png) repeat-x bottom left;
}


/* UUTISET */

#nmPreview_uutiset .item, #nmNews_uutiset .item {
background: url(/html/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(/html/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(/html/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(/html/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(/html/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(/html/img/h1.png) repeat-x bottom left;
}

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

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