/* Sisällön tekstityypit
****************************************************************************/

/*Yhteystiedot taulukot*/
.contactTable{padding:15px 0 0 0;}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 62.5%;
}

#wrapper { color: #24221f; font-size: 1.1em; line-height: 1.455em; }

a { color: #2083ce; text-decoration: none; }
a:hover { color: #2083ce; text-decoration: underline; }

#sidebar a { color: #fff; }


/*
h1 {
color: #37b7d9;
font-size: 2.725em;
font-weight: normal;
margin: 20px 0 30px;
padding-top: 10px;
}*/

h1, h2 {
color: #11456c;
font-size: 1.27em;
font-weight: bold;
}

h3 {
color: #24221f;
font-size: 1.088em;
font-weight: bold;
}

#container ul {
margin-left: 10px;
padding-left: 0;
}
#container ul li, #container ul li li {
background: url(../img/bullet_li.gif) no-repeat 0 0.42em;
list-style-type: none;
margin-left: 0;
padding-left: 15px;
padding: 2px 0 2px 15px;
}


/* Sivurakenne
****************************************************************************/
body {
background: #428baa url(../img/body_background.jpg) repeat-x;
margin: 0;
padding: 0;
text-align: center; 
}

#wrapper {
background: url(../img/wrapper_bg.jpg) no-repeat;
margin: 25px auto 0;
text-align: left;
width: 974px;
}

#header {
background: #fff url(../img/header_bg.gif) no-repeat;
height: 297px;
height/**/:/**/ 277px;
margin: 0 31px;
padding: 20px 23px 0 20px;
width: 912px;
width/**/:/**/ 869px;
}


#kuvituskuva {
background: url(../img/kuvituskuva_10.jpg);
height: 196px;
width: 869px;
}
#sivu01 #kuvituskuva { background: url(../img/kuvituskuva_01.jpg); }
#sivu02 #kuvituskuva { background: url(../img/kuvituskuva_02.jpg); }
#sivu03 #kuvituskuva { background: url(../img/kuvituskuva_03.jpg); }
#sivu04 #kuvituskuva { background: url(../img/kuvituskuva_04.jpg); }
#sivu05 #kuvituskuva { background: url(../img/kuvituskuva_05.jpg); }
#sivu06 #kuvituskuva { background: url(../img/kuvituskuva_06.jpg); }
#sivu07 #kuvituskuva { background: url(../img/kuvituskuva_07.jpg); }
#sivu08 #kuvituskuva { background: url(../img/kuvituskuva_08.jpg); }
#sivu09 #kuvituskuva { background: url(../img/kuvituskuva_09.jpg); }

	#kuvituskuva p#yhteystiedot {
	color: #bbc8cd;
	float: left;
	line-height: 1.4em;
	margin-left: 65px;
	_margin-left: 35px;
	padding-top: 6px;
	*padding-top: 16px;
	}
	#kuvituskuva span.vasen { display: block; float: left; }
	#kuvituskuva span.oikea { display: block; float: left; margin-left: 18px; }
	#kuvituskuva span.email { display: block; float: left; margin-left: 18px; }

	#kuvituskuva p#kielivalinta {
	color: #6c767a;
	margin: 0;
	line-height: 20px;
	padding: 12px 13px 0 0;
	text-align: right;
	}
	#kuvituskuva p#kielivalinta a { color: #6c767a; }
	#kuvituskuva p#kielivalinta a.selected { color: #bbc8cd; font-weight: bold; }
	#kuvituskuva p#kielivalinta span.spacer { margin: 0 2px; }
	#kuvituskuva p#kielivalinta span.etusivulink { background: url(../img/bullet_etusivu.gif) no-repeat 0 1px; padding-left: 19px; }

#nav {
background: #000;
height: 26px;
position: relative;
width: 869px;
z-index: 2;
}

#container {
background: #fff url(../img/container_bg.gif) repeat-y;
padding: 1px 31px 23px;
position: relative;
width: 974px;
width/**/:/**/ 912px;
z-index: 0;
}

#content {
float: left;
margin: -35px 0 0 30px;
_margin: -35px 0 0 15px;
padding: 0;
position: relative;
width: 570px;
z-index: 1;
}
#content #print { float: left; margin: 0 0 0 -51px; }
#content #sivupolku { overflow: hidden; border-bottom: 1px solid #f0f0f0; height: 20px; width: 570px; padding: 15px 0 0 0; }
#sivupolku a { padding: 0 5px; }

#sidebar {
margin: -35px 23px 0 623px;
_margin: -35px 23px 0 620px;
position: relative;
width: 266px;
z-index: 1;
}
#sidebar h3 {
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.455em;
margin: 0 0 15px -28px;
padding: 20px 0 2px 28px;
}

	#sidebar #haku {
	background: #428baa;
	margin-bottom: 3px;
	padding: 0 15px 20px 46px;
	*padding: 0 15px 0 46px;
	width: 266px;
	width/**/:/**/ 205px;
	}
	#sidebar #haku h3 { background: url(../img/bullet_haku.gif) no-repeat 0 18px; }
	#sidebar #haku form { }
	#sidebar #haku form #hakukentta {
	border: 1px solid #176181; 
	padding: 2px 2px 1px;
	width: 165px;
	}
	#sidebar #haku form #submit { margin-top: -11px; *margin-top: -3px; }
	
	#sidebar #ajankohtaista {
	background: #3fbdda;
	color: #fff;
	margin-bottom: 3px;
	padding: 0 15px 20px 46px;
	*padding: 0 15px 20px 46px;
	width: 266px;
	width/**/:/**/ 205px;
	}
	#sidebar #ajankohtaista h3 { background: url(../img/bullet_ajankohtaista.gif) no-repeat 0 18px; }
	
	#sidebar #viimeksi_paivitetyt {
	background: #55abcf;
	color: #fff;
	padding: 0 15px 20px 46px;
	*padding: 0 15px 20px 46px;
	width: 266px;
	width/**/:/**/ 205px;
	}
	#sidebar #viimeksi_paivitetyt h3 { background: url(../img/bullet_viimeksipaivitetyt.gif) no-repeat 0 18px; }

hr.cleaner {
border: none;
clear: both;
height: 0px;
margin: -1px 0 0; 
padding: 0;
visibility: hidden;
}

#footer { 
background: url(../img/footer_bg.jpg) no-repeat; 
height: 65px;
padding-top: 1px;
width: 974px;
}
#footer p {
color: #fff;
margin: 0 45px;
padding: 10px 0 0;
text-align: right;
}


/* Navigaatio
****************************************************************************/
#navbar, #navbar ul {
float: left;
font-size: 1.088em;
width: 869px;
list-style: none;
line-height: 1;
background: #000;
padding: 0;
margin: 0;
}
#navbar a {
color: #fff;
display: block;
text-decoration: none;
padding: 0.6em 0.7em;
background: none;
}
#navbar a li a {
width: 10em;
w\idth: 6em;
}

#navbar ul.level2 li.level2 a, 
#navbar ul.level2 li.hasSubItems ul.level3 li.level3 a,
#navbar ul.level2 li.hasSubItems ul.level3 li.hasSubItems ul.level4 li.level4 a,
#navbar ul.level2 li.hasSubItems ul.level3 li.hasSubItems ul.level4 li.hasSubItems ul.level5 li.level5 a { background:none; }

#navbar ul.level2 li.hasSubItems a, 
#navbar ul.level2 li.hasSubItems ul.level3 li.hasSubItems a,
#navbar ul.level2 li.hasSubItems ul.level3 li.hasSubItems ul.level4 li.hasSubItems a { background: url(../img/nav_arrow.gif) center right no-repeat; } 



#navbar .level1 { float: left; }
#navbar .level1 ul {
position: absolute;
left: -999em;
height: auto;
width: 14.4em;
w\idth: 13.9em;
font-weight: normal;
border-bottom: 1px solid #303030;
margin: 0;
}
#navbar li.level3 {
border: solid #303030;
border-width: 1px 1px 0;
padding-right: 0.8em;
width: 13em;
}
#navbar .level2 a {
color: #f0f0f0;
padding: 0.4em 1em 0.4em 1em;
width: 11em;
}
#navbar .level2 ul {
font-size: 1em;
margin: -1.88em 0 0 13.8em;
}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul, #navbar li.sfhover ul ul ul ul {
left: -999em;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul, #navbar li li li li.sfhover ul {
left: auto;
}
#navbar li:hover, #navbar li.sfhover { background: #202020; }


/* sIFR
****************************************************************************/

.sIFR-flash {
	visibility/**/:visible !important;
	margin/**/:0;
	padding/**/:0;
}

.sIFR-replaced {
	visibility/**/:visible !important;
}

.sIFR-alternate {
	position/**/:absolute;
	left/**/:0;
	top/**/:0;
	width/**/:0;
	height/**/:0;
	display/**/:block;
	overflow/**/:hidden;
}

.sIFR-active h1 {
  visibility/**/:visible;
  font-family/**/:Verdana;
  line-height/**/:1em;
  font-size/**/:1.27em;
margin/**/: 10px 0 15px;
padding-top/**/: 10px;
}

.sIFR-replaced > div {
  display/**/:none !important;
}



.inari-video {
float: right;
border: 0px none;
margin: 0 0 10px 0;
}

.inari-video img { border: 0px none; }

/* FLOW PLAYER */

.content-video {
margin: 5px 0 0 0;
}

.player {
padding: 3px;
border-radius: 3px;
border: 1px #333;
background: #ddd;
}

h3 a#slick-toggle-1,
h3 a#slick-toggle-2,
h3 a#slick-toggle-3,
h3 a#slick-toggle-4,
h3 a#slick-toggle-5,
h3 a#slick-toggle-6,
h3 a#slick-toggle-7,
h3 a#slick-toggle-8 {
padding: 4px 8px;
border-radius: 3px;
background: #ddd;
}

a img { border: 0;}
table p { font-weight: 300; }
table li { font-weight: 300; }
strong { font-weight: 700; }


/* BLOGI */

.blog h1 {
    line-height: 18px;
    padding: 20px 0 20px;
    margin: 0;
    font-size: 24px;
}

.blog h2 {
    line-height: 18px;
    padding: 20px 0 5px;
    margin: 0;
    font-size: 18px;
}

.blog .article h1 {
    line-height: 18px;
    padding: 0 0 6px;
    font-size: 18px;
    color: #458ba9;
}

.blog .article h1 a {
color: #458ba9;
text-decoration: none;
-webkit-transition: color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out;
-ms-transition: color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out;
transition: color 300ms ease-in-out;
}

.blog .article h1 a:hover {
color: #2083CE;
text-decoration: none;
}

.blog .article h2 {
    line-height: 15px;
    margin: 0;
    font-size: 16px;
    color: #458ba9;
}

.blog .article h3 {
    line-height: 12px;
    margin: 0;
    font-size: 14px;
    color: #222;
}

.blog .article .date,
.blog .article em {
    color: #a49360;
    padding: 0 0 5px;
    margin: 0;
}

.blog .article p,
.blog .article ul,
.blog .article ol {
    color: #333;
    font-size: 12px;
    line-height: 18px;
}

.blog .article h1 {
    color: #458ba9;
}

.blog .article img {
    max-width: 540px;
    border: 0;
}

.blog .article .avatar {
    float: left;
    margin: 0 10px 0 0;
        -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.blog .article .avatar img {
    height: 45px;
    width: auto;
        -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
    border:2px solid #fff;
}

.blog .article,
.blog .commenting {
    margin: 5px 0 0 0;
    overflow: hidden;
    padding: 25px;
    width: auto;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
border-bottom: 3px solid #d8b631;
background: url(../img/bubble-bg1.png) repeat-x 0 0 #eaf4fc;


}

.blog span.bubble,
.blog span.bubble.even {
width: 82px;
height: 38px;
display: block;
background: url(../img/bubble-bottom-light.png) no-repeat 0 0;
margin: 0 0 0 400px;
position: relative;
top: -3px;
}

.blog span.bubble.even {
background: url(../img/bubble-bottom-light.png) no-repeat 0 0;
}

.blog .article.even {
    margin: 8px 0 0 0;
    background: #f2f8fd;
}

.blog-pagination {      
        line-height: 20px;
        margin: 15px 0 0;
        padding: 0;
}

.blog-pagination span { margin: 0 1px 0 0; }

.blog-pagination span a, 
.blog-pagination span.curPage strong { 
         padding: 5px 8px; margin: 0; background: #f2f8fd;
font-size: 12px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}

.blog-pagination span a:hover { 
         background: #d5f2ff; color: #222; 
}

.blog- span.curPage strong { 
         background: #EFEFEF; color: #666; 
}


/* KOMMENTOINTI */

.blog .comment {
margin: 5px 0 0 0;
    overflow: hidden;
    padding: 25px;
    width: auto;
    -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; 
    box-shadow: 0 2px 0 #d8b631;
background: url(../img/bubble-bg2.png) repeat-x 0 0 #deeaf3;
}

.blog .commenting {
background: url(../img/bubble-bg3.png) repeat-x 0 0 #deeaf3;
}

.commenting input,
.commenting textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
padding: 6px 12px;
border: 1px solid #e0e5ea;
width:300px;
font-size: 12px;
font-family: Arial;
background: #fafafa;
-webkit-transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-ms-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}

.commenting input:focus,
.commenting textarea:focus {
background: #fff;
}

.commenting textarea {
min-height: 100px;
}

button.commenting_submit {
border: 0;
padding: 6px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
font-size: 12px;
cursor: pointer;
background: #4387a4;
color: #fff;
-webkit-transition: background 300ms ease-in-out;
-moz-transition: background 300ms ease-in-out;
-ms-transition: background 300ms ease-in-out;
-o-transition: background 300ms ease-in-out;
transition: background 300ms ease-in-out;
}

button.commenting_submit:hover {
background: #55acd1;
}

.blog .comment h3 {
    line-height: 18px;
    margin: 0;
    font-size: 15px;
    color: #458ba9;
}