/* ----RAKENNE---- */


/* wrapper  */
#wrapper1 {width: 1000px; margin: 0 auto;background-color:transparent; }


/* Main */
#main {
width: 100%;
position: relative;
height: auto;
float:left;
}

#yla{
width:100%;
float:left;
background-color:#2C4C5B;}

#side_l {
float:left;
width:282px;
}

#side_l strong {
color:#fff;
}

#side_l_inner{margin: 10px 10px 10px 14px; overflow:hidden; height:400px;}
#side_l p{color: #D9E7ED; font-size: 12px; font-weight:bold; line-height: 1.2; margin:0px 0 0px 0;}
#side_l h2, #side_l h1{font-size: 16px; color:#fff; padding: 0px 0px 7px 0px}

a#avaatk{
display:block;
background: url(images/btn_avaatapahtumak.png) repeat-x;
width: 100%;
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
line-height: 26px;
padding: 0 0 0 10px;
margin-top:10px;
vertical-align:bottom;	
}

#flash_c {
float:left;
width:717px;
}

	
#nostot {
float:left;
background: url(images/palstabg.png) repeat;
width: 100%;
margin: 15px 0 0 0;
padding: 0 0 20px 0;
}
.nosto {
float:left;
width:220px;
padding: 0 10px 20px 18px;
}

#nostot h2{
display: block;
background: #2c4c5b;
line-height: 23px;
font: 12px arial, verdana, sans-serif;
font-weight: bold;
color: #fff;
padding: 3px 6px;
margin: 0 0 2px 0;
width: 208px;
}

.nosto p {padding:10px 0 10px 0;}
.nosto a {color:#0083C4;font-weight:bold;}




/* -- ALASIVUT -- */
#alapage{float:left; background: #fff url(images/alapagebg_dblue.png) repeat-y;}

#sidebar {
float:left;
width: 205px;
padding: 22px 0 22px 0;
}
#sidebar ul{
width: 182px;
margin: 0 0 0 11px;
overflow: hidden;
}
#sidebar ul li{display:inline;}

#sidebar ul li a{
display: block;
text-decoration: none;
color: #fff;
background-image: url(images/nav_nuoli.png);
background-position: 10px center;
background-repeat: no-repeat;
padding: 5px 0 5px 24px;
margin: 0 0 5px 0;
font-weight: bold;
}

body #sidebar ul li a:hover{background-color: #1e7291}
#sidebar ul ul{ margin: 0 0 0 0;} /*ul ul lit muuttuvissa*/
body #alapage #sidebar ul li .sidebarlogot a{background: none; padding: 0;}


div.ingress{width: 100%; float: left; margin: 0 0 20px 0; position:relative; padding: 20px 0;}
div.ingress_text{float:left;}
div.ingon{width: 100%;}
div.ingoff{width: 360px;}
.ingress_kuva{float:right; display: inline; width: 360px; margin: 0 30px 0 0 ;}

div.ingress h1{font-size: 22px; padding: 0 0 14px 15px; color: #fff;}
.ingress strong{ font-size:14px; color: #053344;}
.ingress p{ font-size: 13px; margin: 0 15px 10px 15px; line-height: 1.4; font-weight: bold; padding: 0; color: #053344;}
body .ingress{background: #479dbc;}
.ingress a{color: #fff;}
#alapage #content .ingress img{border: 5px solid #fff;}


#puffs{float:left; background: url(images/puffs_bg.png) repeat-y 2px 0; width: 850px; position: relative; }

.puff{ 
float:left;
width: 220px; 
/* background: url(images/reunapallo.png) repeat-y top right; */
margin: 0 54px 0 0;
padding: 0 0 20px 0;
display: inline;
}

.puff img{padding: 0; margin: 0 0 14px 0; border:0; float:none;}

.puff h2{
display: block;
width: 206px;
padding: 0 7px;
line-height: 20px;
font-size: 12px;
margin: 0 0 5px 0;
}



body .puff h2{color: #fff;}

.nosto p, .puff p{padding: 0;}

#content tr {
	vertical-align:top;
}
#content img,  #content img.alignleft,  #content img.alignright,  #content img.aligncenter,  #content a img{border:7px solid #98C8DA;margin:12px 0 12px 12px;}
#sidebar ul li a{ 	 		    color: #fff;}
/* ---- MUUTTUVAT ----- */

.sin #sidebar ul li a:hover, .sin #sidebar ul li.current_page_item a, .sin #sidebar ul li.current_page_ancestor a{background-color: #1e7291;}
.sin .ingress, .sin .puff h2, .sin #sidebar ul li a{ background-color: #68A9C8;}
.sin .ingress p{color: #173649;}
.sin #content img, .sin #content img.alignleft, .sin #content img.alignright, .sin #content img.aligncenter, .sin #content a img{border:7px solid #98C8DA;}

.vih #sidebar ul li a:hover, .vih #sidebar ul li.current_page_item a, .vih #sidebar ul li.current_page_ancestor a{background-color: #297336;}
.vih .ingress, .vih .puff h2, .vih #sidebar ul li a{background-color: #6CAB64;}
.vih .ingress p{ color: #16311a;}
.vih #content img, .vih #content img.alignleft, .vih #content img.alignright, .vih #content img.aligncenter, .vih #content a img{border:7px solid #A7CCA2;}

.ora #sidebar ul li a:hover, .ora #sidebar ul li.current_page_item a, .ora #sidebar ul li.current_page_ancestor a{background-color: #a35618}
.ora .ingress, .ora .puff h2, .ora #sidebar ul li a{background-color: #EB9A42;}
.ora .ingress p{color: #2c1a0b;}
.ora #content img, .ora #content img.alignleft, .ora #content img.alignright, .ora #content img.aligncenter, .ora #content a img{border: 7px solid #F5CB9F;}

.vio #sidebar ul li a:hover, .vio #sidebar ul li.current_page_item a, .vio #sidebar ul li.current_page_ancestor a{background-color: #7f3a5b;}
.vio .ingress, .vio .puff h2, .vio #sidebar ul li a{background-color: #BC7099;}
.vio .ingress p{color: #2b0d1b;}
.vio #content img, .vio #content img.alignleft, .vio #content img.alignright, .vio #content img.aligncenter, .vio #content a img{border: 7px solid #D9A0BE;}

.har #sidebar ul li a:hover, .har #sidebar ul li.current_page_item a, .har #sidebar ul li.current_page_ancestor a{background-color: #a1a19f;}
.har .ingress, .har .puff h2, .har #sidebar ul li a{background-color: #d6d7d2 ;}
.har .ingress p{color: #414434;}
.har .ingress h1, .har .puff h2, .har #sidebar ul li a{ color: #2c4c5b;}
.har #content img, .har #content img.alignleft, .har #content img.alignright, .har #content img.aligncenter, .har #content a img{border: 7px solid #E5E5E4;}

.tum #sidebar ul li a:hover, .tum #sidebar ul li.current_page_item a, .tum #sidebar ul li.current_page_ancestor a{background-color: #3D676F;}
.tum .ingress, .tum .puff h2, .tum #sidebar ul li a{background-color: #477781;}
.tum .ingress p{color: #102b30;}
.tum #content img, .tum #content a img, .tum #content img.alignleft, .tum #content img.alignright, .tum #content img.aligncenter{border: 7px solid #A2C5CC;}


#content div#puffs .puff img{border: 0;}
#alapage #content img.noborder{border: none;}


#alapage #sidebar ul ul li a{background: none; color: #fff; line-height: 15px; padding: 0 0 0 24px;}
#alapage #sidebar ul ul li a:hover, #alapage #sidebar ul ul li.current_page_item a, #alapage #sidebar ul li.current_page_ancestor li.current_page_ancestor a{background-color: none; background: url(images/nav_nuoli_white.png) no-repeat 10px center;  font-weight: bold;}


	#content {
		float: left;
		width: 768px;
		background: #fff;
		padding: 22px 0 22px 15px;
		min-height:400px;
		display: inline;
		overflow: hidden; 
	}


.pages-entry{
}
.content-text{
	padding: 15px;
}

.mainkuva{
	clear:left;
}

#content ul.listaus{margin: 0; padding: 0; float:left; width: 100%; }
ul.listaus li{background: url(images/reunapallox_lblue.png) repeat-x 0 bottom; padding: 15px 0; width: 100%; float:left; position: relative;}
ul.listaus ul li{background: none; float:none; padding: 0;}


ul.listaus li img {float:right; margin: 10px 0 10px 0; border: 0;}
ul.listaus li h2{ padding: 10px 0 15px 0;}
ul.listaus li a{font-weight: bold;}


ul.listaus li .esittely  { width: 300px; float:left; margin: 0 15px 0 0;}
ul.listaus li .address{ width: 150px; float:left; margin: 0 0 0 0; }

/* ul.listaus li div.toiminnot{ padding:5px 0 5px 5px; background: #edeee9; margin: 15px 0 0 0; vertical-align:top; text-align:right; position: absolute; top: 0; right: 0;} */
.listaus .toiminnot a{
display: block;
width: 25px; 
height: 25px;
color:#000; 
padding: 0 5px 0 0; 
text-decoration: none;
float:left;
}
table.toiminnot tr{
	border: 0; background: none;
}

#alapage #content ul.listaus .eitekstia {
	margin: 0 0 0 315px;
}
ul.listaus li .toiminnot{ border-collapse: separate; padding:3px 0 3px 3px; background: #edeee9; margin: 10px 0 7px -6px; }
ul.listaus li .toiminnot td{
	padding: 0;
}

a.kotisivut{background: url(images/Home2.png) no-repeat}
a.email{background: url(images/Mail.png) no-repeat}
a.googlemap {background: url(images/Globe.png) no-repeat}
a.varaus {background: url(images/Ok.png) no-repeat}
	
.aikataulu {width: 100%;float:left;}
.aikataulu ul{float:left; width: 200px;}
.aikataulu img {float:right;}

#clear { clear: both; width: 100%; height: 120px;}


#breadcrumbs {
line-height:0;
padding-top:-10px;
margin-top:-10px;
margin-bottom:10px;
}		

#tiedot {
width: 367px;
padding: 5px 0;
background: #2c4c5b;
overflow: auto; 
float:right;
color: #fff;
font-weight: bold;
margin: 0 0 20px 55px;
clear: right;
}

.readmore {
	float:left;
}
.readmore_v {
	float:right;
}
.readmore, .readmore_v{margin: 7px 0 0 0;}

#tiedot h3{font-size: 14px; padding: 0 0 5px 0; display: block; margin: 4px 0 1px 10px; color: #fff}
.yhteys {float:left; width: 172px; margin: 0 0 0 10px; line-height: 1.6;}
.yhteysl{
float:left; width: 190px; margin: 0 0 0 10px; line-height: 1.6;	
}
.yhteys p{
	line-height: 1.6;
}
.linkit {width: 150px; float:left; background: url(images/tiedotborder.gif) repeat-y left; margin: 0 0 10px 12px; padding: 0 0 0 20px;} 
#tiedot a{padding: 0 0 0 35px; display: block; height: 25px; margin: 0 0 2px 0; color: #fff; line-height: 25px; }

.twtr-widget { /* twitter palikan tausta */
background-color:#2C4C5B;
}
/*
.twtr-timestamp, .twtr-reply {
font-size:12px;
}
*/