/* self-clear floats */
.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* self-clear floats */
.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
body {
background: #ebe9e6 url(/i/bg.gif) repeat-x;
font-family: "Trebuchet MS";
font-size: 100%;
}
#container {
margin: 0 auto;
width: 940px;
position: relative;
}
#content {
clear: left;
background: #fff;
width: 940px;
padding-bottom: 10px;
}
#content-main {
width: 540px;
}
#content-secondary {
width: 280px;
float: right;
margin: 30px 30px 0 0;
display: inline;
}
#content-secondary p img {
margin-left: -10px;
}
ul#nav_top {
float: left;
margin-top: 10px;
}

ul#nav_top li {
float: left;
height: 30px;
margin-right: 5px;
}

ul#nav_top li a {
font-size: 12px;
float: left;
background: #454545 url(/i/bg_nav_top.gif) repeat-x bottom left;
color: #fff;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
-webkit-border-top-left-radius:5px;  
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
height: 20px;
padding-top: 10px;
}
ul#nav_top li a:hover {
background: #000;
}
ul#nav_top li a.selected {
color: #000;
background: #ffc600 url(/i/bg_nav_top_selected.gif) repeat-x bottom left;
}
ul#nav_company {
float: left;
margin: 20px 0 0 0px;
padding: 0 0 0 10px;
width: 940px;
background: url(/i/bg_content.jpg) no-repeat left bottom;
}
ul#nav_company li {
float: left;
height: 30px;
margin: 0 5px 1px 0;
}
ul#nav_company li a {
font-size: 12px;
float: left;
background: #d6ecec url(/i/bg_nav_company.gif) repeat-x bottom left;
color: #00b2bb;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
-webkit-border-top-left-radius:5px;  
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
height: 21px;
padding-top: 10px;
}
ul#nav_company li a:hover {
background:  #00b2bb url(/i/bg_nav_company_hover.gif) repeat-x bottom left;
color: #fff;
}
ul#nav_company li a.selected {
color: #000;
background: #ffc600 url(/i/bg_nav_top_selected.gif) repeat-x bottom left;
}
#trekki {
position: absolute;
top: 5px;
right: 25px;
}
h1 {
font-size: 28px;
margin: 0 0 1px 20px;
padding-top: 35px;
clear: left;
font-weight: normal;
}
h2 {
clear: left;
font-size: 24px;
padding-top: 30px;
padding-bottom: 13px;
margin: 0 0 20px 20px;
font-weight: normal;
}
#content-main h3 {
font-size: 15px;
margin: 20px 0 10px 20px;
}
#content-main h6 {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 20px;
}
#content-main p a,
#content-main p a:active,
#content-main p a:visited,
#content-secondary p a,
#content-secondary p a:active,
#content-secondary p a:visited,
div#content-main ul li a,
div#content-main ul li a:active,
div#content-main ul li a:visited {
color: #00b2bb;
text-decoration: none;
}
#content-main p a:hover,
#content-secondary p a:hover,
div#content-main ul li a:hover {
text-decoration: underline;
}
p {
margin-left: 20px;
margin-bottom: 10px;
color: #454545;
width: 530px;
font-size: 12px;
line-height: 18px;
}
strong {
color: #000;
}
ol {
margin: 0 0 20px 20px;
font-size: 12px;
}
ol li {
margin: 0 0 5px 30px;
line-height: 16px;
list-style-type: decimal;
}
#content-secondary ul {
margin: 0 0 20px 10px;
font-size: 12px;
}
#content-secondary ul li {
list-style-type: disc;
margin: 0 0 5px 30px;
}
hr {
height: 1px;
border: 0;
border-bottom: 1px solid #ddd;
margin: 20px 0 20px 20px;
}
.box {
width: 260px;
margin: 20px 0 10px 10px;
float: left;
display: inline;
}
.box p, #content-secondary p {
width: 240px;
margin: 0 0 10px 10px;
}
#content-main div.box h3 {
background: #d8eded;
-webkit-border-radius: 5px;
text-transform: uppercase;
font-size: 15px;
color: #00b2bb;
padding: 10px;
margin: 0 0 10px 0;
}
#content-secondary h3 {
background: #d8eded;
-webkit-border-radius: 5px;
text-transform: uppercase;
font-size: 15px;
color: #00b2bb;
padding: 10px;
margin: 0 0 10px 0;
}
#content-secondary img {
margin: 0 0 10px 0;
}
form label {
display: block;
}
.box form {
margin-left: 10px;
}
.box form .submit {
display: block;
width: 67px;
height: 29px;
}
.box form label {
font-size: 12px;
color: #454545;
width: 240px;
}
.box form input {
width: 240px;
}
div.box form input, div.box form label {
margin: 10px 0 0 0;
}

/*-----------------------------------------------
Blog
 -----------------------------------------------*/
#blogi h1, #arkisto h1 {
margin-bottom: 34px;
}
div.blog-item {
padding: 0 0 10px 0;
border-top: 1px solid #eee;
clear: left;
}
div.blog-item img {
float: right;
margin: 0 20px 30px 20px;
}
div#pagination {
padding: 20px 0 0 0;
border-top: 1px solid #eee;
}
div#pagination a {
padding: 5px 7px;
margin: 0 2px;
background: #d8eded;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div#pagination a:hover {
background: #00b2bb;
color: #fff;
text-decoration: none;
}

/*-----------------------------------------------
Pagination
 -----------------------------------------------*/
.pagination a {
background: #d8eded;
padding: 5px;
-webkit-border-radius:5px;  
-moz-border-radius: 5px;
}
/*-----------------------------------------------
Footer
 -----------------------------------------------*/

div#bottom-wrapper {
width: 100%;
clear: both;
background: #454545;
text-align: center;
padding: 0 0 50px 0;
}
div#bottom-wrapper div#footer {
width: 940px;
margin: 0 auto;
padding: 0 0 30px 0;
background: url(/i/bg-footer.png) 0 100% no-repeat;
}
div#bottom-wrapper div#footer .column {
float: left;
text-align: left;
margin: 30px;
font-size: 12px;
color: #454545;
line-height: 17px;
width: 200px;
}
div#bottom-wrapper div#footer img {
clear: both;
margin: 0 auto;
}
div#footer address {
color: #454545;
font-style: normal;
}
div#footer h4,
div#footer dt,
address strong {
color: #fff;
display: block;
font-size: 1.5em;
font-weight: normal;
margin: 0 0 0.7em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
div#footer img#maksutavat {
border: 5px solid #fff;
padding: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div#footer .column a,
div#footer .column a:active,
div#footer .column a:visited {
color: #000;
text-decoration: none;
}
div#footer .column a:hover {
text-decoration: underline;
}




/* Henkilokunta */
#henkilokunta div#content-main ul {
margin: 0 0 0 20px;
}
#henkilokunta div#content-main ul li {
list-style: none;
color: #454545;
width: 530px;
font-size: 12px;
line-height: 18px;
padding: 10px 0 0 0;
border-top: 1px solid #eee;
clear: left;
margin: 20px 0 0 0;
}
#henkilokunta div#content-main ul li img {
float: left;
margin: 0 20px 10px 0;
padding: 5px;
border: 1px solid #eee;
}
#henkilokunta div#content-main ul li strong {
font-size: 14px;
}
#henkilokunta h2 {
clear: left;
}

/*-----------------------------------------------
Breadcrumb
 -----------------------------------------------*/
 
div#breadcrumb-bar {
font-size: 12px;
clear: both;
background: transparent url(/i/bg-breadcrumb.png) 0 0 repeat-x;
color: #fff;
height: 40px;
margin-top: 10px;
margin-left: 10px;
width: 920px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div#breadcrumb-bar span{
float: left;
margin: 14px 0 0 10px;
width: 70px;
padding: 0;
}

ul#breadcrumb {
float: left;
}

ul#breadcrumb li {
background: transparent url(/i/bg-breadcrumb-arrow.png) 0 0 no-repeat;
float: left;
padding: 3px 20px 0 20px;
margin: 0;
height: 40px;
}

ul#breadcrumb li ul {
float: left;
}

ul#breadcrumb li ul li {
float: left;
}

ul#breadcrumb li.you-are-here{
background: none;
color: #7b6652;
padding: 12px 30px 10px 10px;
}

ul#breadcrumb li a {
float: left;
color: #fff;
padding: 11px 0 10px 10px;
text-decoration: none;
}
ul#breadcrumb li a:hover {
text-decoration: underline;
}
ul#breadcrumb li span.BreadcrumbSeparator {
display: none;
}