body{
padding:0px;
margin:0px;

}

	.widget{
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
	}
	
	.widget {
	border: 1px solid #3a85d9;
	padding: 15px;
	width: 200px;
	background-color: white;
	}
	


html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hiddenbox{
width: 316px; 
display: none;
}

#top{
height: 535px;
width: 100%;
background: #3a1370 top center no-repeat url(images/bg-wide-compressed.jpg);
}

#top2{
height: 170px;
width: 100%;
background: #3a1370 top center no-repeat url(images/yla-pienempi.png);
}

#top1 {
padding:0px;
margin:0px;
width: 1000px;
color: white;
font-size: 18px;
margin-left: auto;
margin-right: auto;
text-align: right;
}



#middle{
padding-bottom: 150px;
width: 100%;
background: white top repeat-x url(images/content.png);
}

#middle1 {
padding:0px;
margin:0px;
padding-top: 20px;
width: 920px;
margin-left: auto;
margin-right: auto;
}
#bottom{
position: relative;
	margin-top: -115px; /* negative value of footer height */
	height: 115px;
	clear:both;
	color: #c2b591;
width: 100%;
background: #eee8d7;
}
#bottom1 {

padding:0px;
padding-top: 20px;
margin:0px;
width: 900px;
margin-left: auto;
margin-right: auto;
color: #c2b591;
}

#topmenu{
height: 20px;
padding-top: 80px;
padding-right: 20px;
text-align: right;
}
.jCarouselLite{
font-size:16px;
font-weight: bolder;
color: white;
}
.pad{
margin-top: 0px;
text-align: center;
color: white;
    text-decoration: none;
}
.date{
color: #a5bf87;
}

#frm{
line-height: 180%;

}

.codensform{
border: 1px solid #96beea;
font-family: Arial, sans-serif, Tahoma, Helvetica;
-moz-border-radius: 3px; -webkit-border-radius:3px;
padding:3px;
font-size: 12px;
width: 200px;
}

.codensform2{
border: 1px solid #96beea;
font-family: Arial, sans-serif, Tahoma, Helvetica;
-moz-border-radius: 3px; -webkit-border-radius:3px;
padding:3px;
font-size: 12px;
width: 190px;
}

body,td,div,.p,a {
	font-family: Arial, sans-serif, Tahoma, Helvetica; 

}


body,td,div {
	font-size: 12px;
}

h1,h3 {color: #3a85d9; font-weight: bolder;  padding:0 px;}
h1 {font-size: 24px;line-height: 1.0; margin-bottom: 5px; }



h2 {font-weight: normal; color: black; font-size: 24px; line-height: 1.0;margin-bottom: 5px;}
h3 {font-size: 16px; line-height: 1.0; margin-bottom:5px;}

h4 {
	background-image: url(images/otsikkotausta.png);
	background-repeat: no-repeat;
	background-position: top left;

	height: 29px;
	line-height: 29px;

	width: 320px;
	color: white;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	
	padding-left:29px;
	
	font-size: 12px;
	font-weight: bolder; 


}
p{padding-bottom: 8px;}


.alignleft {
float: left;
}
.alignright {
float: right;
}


a {
	color: #3a85d9; 
		font-family: Arial, sans-serif, Tahoma, Helvetica; 
	}

a:hover {color: #00b26a; 

}

.linkkinuoli{
text-decoration: none;	
    white-space: nowrap;
    font-weight:bolder;
    padding-right: 12px;
    background: right  url(images/linkkinuoli.gif) no-repeat; 
}
.linkkinuoli:hover{
text-decoration: none;
}

.linkki{
text-decoration: none;	
    white-space: nowrap;
    font-weight:bolder;

    
}
.linkki:hover{
text-decoration: none;
}

.button{
text-decoration: none;	
    white-space: nowrap;
    font-weight:bolder;

    
}
.button:hover{
text-decoration: none;
}

hr {
	height: 1px;
}

form {
margin: 0px;
margin-top: 0px;
}

ootermenu {
color: white;
text-decoration: none;
}
.bottom_normal:hover {
color: white;
text-decoration: underline;
}




.top_normal {

padding-left: 16px;
padding-right: 16px;
padding-bottom:5px;
	  color: white;
    font-size: 12px;	
    text-decoration: none;	
    white-space: nowrap;
    font-weight:bolder;
  
}

.bottom_normal {
padding-left: 10px;
padding-right: 10px;
padding-bottom:5px;
color: #8f8465;
    font-size: 12px;	
    text-decoration: none;	
    white-space: nowrap;
    font-weight:bolder;
 text-decoration: underline; 
}


.top_selected {
padding-left: 16px;
padding-right: 16px;
padding-bottom:5px;
	  color: #67c2fc;
    font-size: 12px;	
    text-decoration: none;	
    white-space: nowrap;
    font-weight:bolder;
}

.top_selected:hover {
color: #67c2fc;
text-decoration: none;

}

.top_normal:hover {
color: #67c2fc;
text-decoration: none;

}

.top_normal2:hover {
	  color: white;
text-decoration: none;
background: white repeat-x url(images/topmenuback2_hover.png); 
}

.btnNext.disabled, .btnPrev.disabled {visibility: hidden}

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}