@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

body {
	font-size: 100%;
	/*background: #f9f9f9;*/
	margin: 0;
	margin-bottom: 0;
	background-color: #4f4c4d;
	font-family: arial, sans-serif;
	background: #4F4C4D url(../images/footer-img.png) no-repeat 25% bottom;
}
/**************** HEADERS ***************/
h1, h2, h3, h4, h5 {
	font-family: 'Lato', Tahoma, Geneva, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 10px 0 5px;
	font-weight: 500;
	color: #665846;
}

h1 {
	padding: 0;
	font-size: 2em;
}

h2 {
	font-size: 1.625em;
}

h3 {
	font-size: 1.25em;
	font-weight: 700;
}

h4 {
	font-size: 1em;
	color: #005288;
	font-weight: 700;
}

h5 {
	font-size: .9375em;
	font-weight: 700;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 0;
	color: #005288;
}
.links.wrapper h3, .banners.wrapper h3 {
	border-bottom: 1px dotted #C2BCB5;
	margin-bottom: 10px;
}
p, ul, ol, label {
	font: 300 0.875em/1.5 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 0;
	color: #231f20;
}
sup {
	line-height: 0;
}
ul {
	list-style-type: square;
}

a { 
	color: #005288;
	text-decoration: none;
}

a:hover, .clickable:hover a, .clickable:hover:visited a, .icon.brown:hover + a {
	color: #4F4C4D;
	text-decoration: underline;
}

hr {
	display: block;
	height: 8px;
	margin: 10px 0;
	border: 0px none;
	background-color: #dfe0e0;
}

ul, ol {
	padding-left: 35px;
}

.formHolder {
	margin: 10px 0;
	width: 100%;
}

.formHolder td {
	padding: 2px 20px 2px 0;	
}
a img {
	border: none;
}
input:focus { outline: none; }
.btn {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	background-color: #BDB082;
	background-image: url("../images/btn.png");
	background-position: right center;
	background-repeat: no-repeat;
	border: 0 none;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font: 700 14px/18px Arial,Helvetica,sans-serif;
	margin: 0 5px 5px 0;
	padding: 7px 18px 7px 12px;
}
.btn:hover {
	background-color: #665846;
	padding-right: 22px;
	color: white;
	text-decoration: none;
}
input[type=submit] {
	-webkit-appearance: button;
}

.w-100{
	width:100%
}
.pos-fixed-top{
	position:fixed;
	top:15px;
}

/**************** FORMS ***************/
.formHolder {
	margin: 10px 0;
	width: 100%;
}

.formHolder td {
	padding: 2px 20px 2px 0;	
}

.Required, .formRequiredNotice {
	color: #a00;	
}

input[type="text"], input[type="email"], textarea {
	background: #f4f3f3;
	border: 1px solid #bdbbbc;
	padding: 7px 5px;
	border-radius: 4px;
	min-width: 75%;
	max-width: 90%;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

input[type="text"]:focus, textarea:focus {
	background: #fff;
	border-color: #a39b90;
}
.header-wrapper #top-navi .content-wrapper div.searchform {
	overflow: hidden;
	height: 32px;
	margin: 10px 0;
}
.header-wrapper .searchform input.search_keywords {
	margin:0;
	padding: 0 5px;
	height: 30px;
}
.header-wrapper .searchform .search-button-wrapper {
	margin: 0 10px 0 0;
}
/*.header-wrapper .searchform .search-button-wrapper a {
display: block;
width: 100%;
height: 100%;
}*/
input.search_keywords {
	border-radius: 3px 0 0 3px;
	background: #D3D2D2;
	min-width: 214px;
}
.search_keywords {
	margin: 10px;
	background: #D3D2D2;
	border-right: none;
	border-radius: 3px 0 0 3px;
	margin-right: 0;
	padding: 0 12px;
	float: left;
	border-right: 1px solid #BDBBBC;
	width: 214px;
}
.search-button-wrapper a {
	width: 30px;
	height: 30px;
	/*margin: 10px 10px 10px 0px;*/
	padding: 0;
	background: #D3D2D2 url(../images/icons/magnifying-glass.png) no-repeat center;
	border-radius: 0 3px 3px 0;
	border: 1px solid #BDBBBC;
	border-left: none;
	float: left;
	line-height: 0;
	font-size: 0;
}
.search-button-wrapper input {
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
	cursor: pointer;
	height: 30px;
	width: 30px;
	-webkit-appearance: button;
}
input.wide-search {
	width: 75%;
	margin: 0;
	padding: 0 5px;
	height: 30px;
}
/**************** LAYOUT ***************/
.header {
	height: 494px;
	position: relative;
	/*display: none;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
#container {
	background: #ffffff;
	color: #393536;
}
#content {
	width: 984px;
	margin: 0 auto 0 auto;
	padding: 13px 0;
}
.content-wrapper {
	width: 959px;
	margin: 0 auto 0 auto;
}
.wrapper {
	margin-bottom: 20px;
}
.links.wrapper table tr, .main.wrapper table tr {
	vertical-align: top;
}
.links.wrapper table td, .mainpage .main.wrapper table td, .banners.wrapper table td {
	padding: 0 20px;
	width: 33%;
	border-left: 2px solid #e0deda;
}
.mainpage .main.wrapper table td {
	width: 50%;
}
.links.wrapper table td:first-child, .main.wrapper table td:first-child {
	border-left: none;
	padding-left: 20px;
}
.calendar-container{
	margin-top:1rem;
}

.calendar-arrow{
	padding-left:0px!important;
	color:black;
}
.calendar-arrow a{
	color:black
}
.calendar-day , .small-calendar table td:first-child{
	padding-left:0px!important;
	width:40px;
	text-align:center;

}
.calendar-day a, .calendar-arrow a{
	color:black;
	display:block;
	border: 2px solid rgba(0,0,0,0);
}
.calendar-day a:hover, 
.calendar-day a:active, 
.calendar-day a:focus,
.calendar-arrow a:hover,
.calendar-arrow a:active,
.calendar-arrow a:focus{
	font-weight:bold;
	text-decoration:none;
	/*border: 2px solid #665846;*/
}

.main.wrapper.banner table td:first-child, .main.wrapper.nostot table td:first-child {
	padding: 0;
}

.main.wrapper.banner {
	width: 984px;
	margin-bottom: 40px;
}

.main.wrapper.banner table {
	border-spacing: 0;
}
.current-day{
	font-weight:bold;
}

/**************** PAGE HEADER ***************/
.header-wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 494px;
}
.header-img-mask {
	height: 100%;
	width: 100%;
	background: url(../images/inari-teemakuva-maski.png) fixed top center no-repeat;
}

body.fall .header.fall, body.winter .header.winter, body.spring .header.spring, body.summer .header.summer, body.default .header.fall {
	display: block;
	background-position: 50% 0%;
	background-repeat: no-repeat no-repeat;
}
#top-navi-bg, #navi-bg {
	height: 50px;
	width: 100%;
	position: absolute;
	background: rgb(57,53,54); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(57,53,54,1) 0%, rgba(54,50,51,1) 20%, rgba(35,31,32,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,53,54,1)), color-stop(20%,rgba(54,50,51,1)), color-stop(100%,rgba(35,31,32,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(57,53,54,1) 0%,rgba(54,50,51,1) 20%,rgba(35,31,32,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(57,53,54,1) 0%,rgba(54,50,51,1) 20%,rgba(35,31,32,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(57,53,54,1) 0%,rgba(54,50,51,1) 20%,rgba(35,31,32,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(57,53,54,1) 0%,rgba(54,50,51,1) 20%,rgba(35,31,32,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393536', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
	opacity: .8;
}
#top-navi, #navi {
	position: absolute;
	height: 50px;
	width: 100%;
	color: #bdbbbc;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}
#top-navi, #top-navi-bg {
	top: 0;
	left:0;
}
#navi, #navi-bg {
	bottom: 0;
}
#navi ul, ul#langSelection {
	float: left;
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	background: url(../images/navi-border.png) repeat-y left;
	height: 50px;
}
#navi ul li, ul#langSelection li {
	float: left;
	background: url(../images/navi-border.png) repeat-y right;
	line-height: 50px;
	overflow: hidden;
	height: 50px;
}
/*ul#langSelection li#selectLang-SE_FI, ul#langSelection li#selectLang-SE_NO, ul#langSelection li#selectLang-SE_SE {
display:none;
}*/
#navi ul li {
	padding: 0 10px;
}
ul#langSelection li, a.languageText {
	line-height: 47px;
}
ul#langSelection li a:hover, a.languageText:hover, #navi ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#navi ul li.current {
	background: rgb(255,254,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,254,255,1) 0%, rgba(252,250,251,1) 2%, rgba(242,240,241,1) 4%, rgba(235,233,234,1) 6%, rgba(234,232,233,1) 9%, rgba(252,252,252,1) 81%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,254,255,1)), color-stop(2%,rgba(252,250,251,1)), color-stop(4%,rgba(242,240,241,1)), color-stop(6%,rgba(235,233,234,1)), color-stop(9%,rgba(234,232,233,1)), color-stop(81%,rgba(252,252,252,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,254,255,1) 0%,rgba(252,250,251,1) 2%,rgba(242,240,241,1) 4%,rgba(235,233,234,1) 6%,rgba(234,232,233,1) 9%,rgba(252,252,252,1) 81%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,254,255,1) 0%,rgba(252,250,251,1) 2%,rgba(242,240,241,1) 4%,rgba(235,233,234,1) 6%,rgba(234,232,233,1) 9%,rgba(252,252,252,1) 81%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,254,255,1) 0%,rgba(252,250,251,1) 2%,rgba(242,240,241,1) 4%,rgba(235,233,234,1) 6%,rgba(234,232,233,1) 9%,rgba(252,252,252,1) 81%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,254,255,1) 0%,rgba(252,250,251,1) 2%,rgba(242,240,241,1) 4%,rgba(235,233,234,1) 6%,rgba(234,232,233,1) 9%,rgba(252,252,252,1) 81%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-radius: 3px 3px 0 0;
	margin-top: -5px;
	height: 55px;
	line-height: 55px;
	border-bottom: none;
	display: inline-block;
	z-index: 999;
}
#navi ul li.home a{
	font-size: 0;
	background: url(../images/icons/koti.png) no-repeat center center;
	height: 40px;
	width: 25px;
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
}
#navi ul li.home.current a{
	background: url(../images/icons/koti-dark.png) no-repeat center bottom;
	height: 40px;
	text-decoration: none;
}
#navi ul li.current a{
	color: #665846;
}
#navi a {
	color: #bdbbbc;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}
ul#langSelection li a, a.languageText {
	color: #bdbbbc;
	font-size: 12px;
	font-family: arial, sans-serif;
	padding: 0 8px;
}
ul#langSelection li.current a, ul.langSelection li.current a {
	color: #bdb082;
}
#top-navi p, #top-navi .content-wrapper div {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}
.logo {
	padding-right: 30px;
	text-align: right;
	margin-top: 50px;
}

.translations a {
	background: url(../images/navi-border.png) repeat-y right;
}

.translations .last {
	background: none;
}

/**************** ETUSIVUN NOSTOT ***************/
.main.wrapper.nostot {
	width: 984px;
	margin-bottom: 40px;
}
.nosto-row {
	margin-bottom: 20px;
	width: 100%;
	display: block;
	float: left;
}

.nostot-etusivu {
	width: 100%;
	display: block;
}

.etusivun-nosto {
	width: 33.333333%;
	border-top: 6px solid #BDB082;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}

.etusivun-nosto img {
	width: 100%;
}

.etusivun-nosto p {
	padding-top: 0;
}

.nosto-text {
	padding-left: 20px;
}

/**************** LISTS ***************/
ul.news-list, ul.link-list {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.news-list, ul.link-list, ul.left-navi, ul.submenu {
	font-size: 14px;
	list-style: none;
	padding: 0;
}
ul.news-list li {
	border-top: 1px dotted #C2BCB5;
	padding: 5px;
}
ul.news-list li, ul.link-list li {
	background: url('/layout/images/separator.png') left 8px no-repeat;
	padding-left: 20px;
}
ul.link-list li {
	padding: 0 0 5px 20px;
	line-height: 18px;
	width: 100%;
	float: left;
	background: url('/layout/images/separator.png') left 2px no-repeat;
}
ul.link-list.icons li {
	background: none;
	padding-left: 0;
}
.article {
	float: left;
	width: 100%;
	padding: 20px;
	color: #665846;
	font-family: Arial, sans-serif;
	border-top: 1px dotted #C2BCB5;
}
.article .avatar {
	width: 80px;
	padding-right: 20px;
}
.article h2, .article h2 a, .article h1 {
	font-family: 'Lato', sans-serif;
	font-size: 26px;
	line-height: 32px;
	color: #665846;
	margin-top: 0;
}
.blog h3 {
	border: none;
}
.article a {
	color: #005288;
}
.article a.btn {
	color: #ffffff;
}
.article p, .blog p {
	font-family: Arial, sans-serif;
}
/**************** LEFT NAVI ***************/
ul.left-navi {
	width: 300px;
	position: relative;
	margin: 0;
}
ul.left-navi a {
	color: #231f20;
}
ul.left-navi li.currentpage {
	background: url(../images/left-navi-arrow.png) no-repeat right top;
	margin-right: -13px;
	padding-right: 10px;
}
ul.left-navi li.current li.currentpage {
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
/*ul.left-navi li.current span.menu-item.currentpage {*/
ul.left-navi li.current .menu-item-wrapper.currentpage .menu-item {
	background: #B9AD81;
	border-radius: 0;
	overflow: hidden;
	z-index: 999;
	padding-left: 0;
}
/*ul.left-navi span.currentpage.menu-item a {*/
ul.left-navi .menu-item-wrapper.currentpage .menu-item a {
	color: #ffffff;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.left-navi li.not-current ul, ul.left-navi li.current ul.not-current ul, ul.left-navi li.current ul.current li.not-current ul.not-current {
	display: none;
}
ul.left-navi li.not-current {
	white-space: normal;
	width: 100%;
}
.currentpage .not-current .separator {
	color: #BDB082;
}
ul.left-navi li.current ul, ul.left-navi li.current ul.not-current li.current ul {
	display: block;
}
ul.left-navi li.current.hasSubItems, ul.left-navi li.current.hasSubItems li.current {
	font-weight: bold;
}
ul.left-navi li.current.hasSubItems li {
	font-weight: normal;
}
ul.left-navi li ul.submenu {
	margin-left: 20px;
}
ul.left-navi li.currentpage ul.submenu {
	margin-right: 3px;
}
ul.left-navi .separator {
	width: 20px;
	float: left;
	text-align: center;
	padding: 5px;
}
.hasSubItems.shrink div a.toggleSubmenu span.separator {
	background: url(../images/icons/shrink.png) no-repeat center center;
}
li.hasSubItems.expand div a.toggleSubmenu span.separator {
	background: url(../images/icons/expand.png) no-repeat center center;
}
ul.left-navi .menu-item-wrapper.currentpage .separator {
	color: #ffffff;
	background: #B9AD81;
	height: 22px;
}
ul.left-navi .currentpage .shrink .currentpage.separator {
	background: #B9AD81 url(../images/icons/shrink-active.png) no-repeat center center;
}
ul.left-navi .currentpage .expand .currentpage.separator {
	background:  #B9AD81 url(../images/icons/expand.png) no-repeat center center;
}
.menu-item-wrapper {
	background: #F7F6F5;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
	margin: 0 0 2px 0;
	cursor: pointer;
}
ul.left-navi li.current div.menu-item-wrapper.currentpage {
	background: #B9AD81;
	margin-right: 1px;
}
ul.left-navi .menu-item-wrapper .menu-item{
	margin-top: 5px;
	display: block;
	padding-left: 30px;
}
ul.left-navi li.current .menu-item-wrapper {
	background: #efeeec;
}
ul.left-navi li.level1 .menu-item-wrapper {
	background: #F7F6F5;
}
ul.left-navi li.level2 .menu-item-wrapper {
	background: #EFEEEC;
}
ul.left-navi li.level3 .menu-item-wrapper {
	background: #E7E6E4;
}
ul.left-navi li.level4 .menu-item-wrapper {
	background: #dfdedc;
}

/**************** PALVELUT ***************/
.palvelut {
	text-align: left;
	float: left;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}


/**************** FACEBOOK LINKS ***************/
.fb-links {
	text-align: left;
}

.fb-links p {
	font-size: 0.65em;
	display: inline-block;
	vertical-align: middle;
}

.fb-links a {
	color: #000000;
	text-decoration: none;
}

.fb-links img {
	margin-right: 5px;
}

.fb-page.fb_iframe_widget {
	margin-bottom: 20px;
}

/**************** KUNTAESITE ***************/
.kuntaesite {
	margin: 10px 0 !important;
	float: left;
}

.btn.kuntaesite {
	font: 700 13px/16px Arial,Helvetica,sans-serif
}


/**************** TRAIL ***************/
.trail {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	padding: 0 10px;
	color: #665846;
}
.trail a {
	color: #665846;
	text-decoration: none;
}
.trail a:hover {
	color: #85796b ;
	text-decoration: underline;
}
.separator {
	color: #BDB082;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	padding: 0 5px;
	height: 20px;
	display: inline-block;
}
/**************** FOOTER ***************/
#footer {
	/*background: url(../images/footer-img.png) no-repeat 25% top;*/
	padding: 20px 0;
	color: #BDBBBC;
	font-size: 12px;
	line-height: 18px;
	min-height: 140px;
}
#footer table {
	background: url(../images/footer-border.png) repeat-y left;
}
#footer td {
	background: url(../images/footer-border.png) repeat-y right;
	padding: 10px 15px;
}
#footer p, .content-footer p {
	margin: 0;
	padding: 0;
	color: #BDBBBC;
}
#footer a {
	color: #bdb082;
}
#footer a:hover {
	color: #ffffff;
}
.content-footer {
	padding: 0 0 10px 0;
}
#share {
	display: inline-block;
}
.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {
	margin: 0;
}
#footer p {
	font-family: arial, sans-serif;
}
/**************** ICONS ***************/
.icon {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	border-radius: 3px;
	margin-right: 10px;
}
.icon .icon-wrapper {
	width: 100%;
	height: 100%;
}
.brown {
	background: #BEB186;
}
.brown:hover, .clickable:hover .brown {
	background: #cbc19e;
}
.icon-heading a {
	color: #665846;
}
h2.icon-heading {
	margin-bottom: 0;
	line-height: 32px;
}
.blue {
	background: #0bb0ee;
}
.blue:hover, .clickable:hover .blue {
	background: #3cc0f1;
}
.green {
	background: #07a453;
}
.green:hover, .clickable:hover .green {
	background: #3bb979;
}

/**************** LINKS ***************/
a.brown {
	display: inline-block;
	padding: 10px;
	border-radius: 3px 0 0 3px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	position: relative;
	height: 13px;
	line-height: 13px;
}
a.brown:after {
	background: url(../images/brown-arrow-link.png) no-repeat right;
	display: inline-block;
	height: 33px;
	width: 9px;
	content: "";
	position: absolute;
	top: 0;
	right: -9px;
}
.small-icon-link {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #665846;
	line-height: 16px;
	padding-left: 5px;
	font-family: Arial, sans-serif;
}
.small-icon-link.right {
	padding: 0 5px 0 0;
}
.clickable {
	cursor: pointer;
}
.link-list a, .news-list a {
	color: #231f20;
}
.link-list a:hover, .news-list a:hover, .icon-heading a:hover, .icon-heading:hover a {
	color: #4f4c4d;
}
/**************** TEXT ***************/
.placeholder {
	color: #7b7979;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.tar {
	text-align: right;
}
.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.gray {
	color: #7b7979;
}
.red {
	color: #9e0b0f;
}
.dark {
	color: #231f20;
}
/**************** COLUMNS ***************/
div.col-wrapper {
	padding: 0 10px;
}
.colbg {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	border-right: 2px solid #E0DEDA;
}
.col {
	float: left;
	overflow: hidden;
	position:relative;
}
.colbg.last {
	border-right: none;
}
div.col-wrapper {
	padding: 0 20px;
}
div.col-wrapper.right {
	padding: 0 20px;
}
div.col-wrapper.left {
	padding: 0 20px 0 0;
}
/* two column layout */
.col.half {
	left: 495px;
	width: 480px;
}
.colbg.second-half {
	right: 480px;
	overflow: visible;
}
/* two columns left sidebar */
.col.narrow {
	left: 662px;
	width: 302px;
	overflow: visible;
	min-height: 1px;
}
.narrow .col.last {
	width: 662px;
	left: 666px;
}
.colbg.narrow {
	right: 662px;
	overflow: visible;
}
/* three column layout */
.three-cols .col {
	width: 320px;
	left: 640px;
}
.three-cols .col.second {
	right: 320px;
	width: 320px;
}
.three-cols .colbg.second {
	right: 320px;
	overflow: visible;
}
.three-cols .colbg.third {
	right: 320px;
	overflow: visible;
}
/* four column layout */
.four-cols .col {
	width: 220px;
	left: 720px;
}
.four-cols .col.second {
	right: 200px;
	width: 200px;
}
.four-cols .colbg.second {
	right: 240px;
	overflow: visible;
}
.four-cols .colbg.third {
	right: 240px;
	overflow: visible;
}
.main.wrapper, .links.wrapper, .banners.wrapper {
	float: left;
	width: 100%;
}
.clearfix {
	clear: both;
}

.main.wrapper.banner img {
	width: 100%;
}

.banners.wrapper table{
	width: 100%;
}
.banners.wrapper td {
	border-left: 2px solid #E0DEDA;
	text-align: center;
}
.banners.wrapper td:first-child {
	border-left: none;
}
.blog-details {
	float: left;
	width: 500px;
	padding-left: 20px;
}
/**************** SAAMEN KIELTEN POIKKEUKSET ***************/
.SE_FI h1, .SE_FI h2, .SE_FI h3, .SE_FI h4, .SE_FI h5, .SE_SE h1, .SE_SE h2, .SE_SE h3, .SE_SE h4, .SE_SE h5, .SE_NO h1, .SE_NO h2, .SE_NO h3, .SE_NO h4, .SE_NO h5 {
	font-family:  Arial, Helvetica, sans-serif;
}
.SE_FI #navi a, .SE_SE #navi a, .SE_NO #navi a  {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/**************** GALLERIA ***************/
div.albumi {
	float: left;
	width: 100%;
	padding: 10px 0;
}
div.gallery-image {
	float: left;
	width: 200px;
	color: #7b7979;
	text-align: center;
	vertical-align: middle;
	background-color: #F7F6F5;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}
div.gallery-wrapper.first div.gallery-image {
	clear: both;
}
div.gallery-image.last {
	margin-right: 0;
}
div.gallery-photo {
	margin: 0 auto;
	margin-bottom: 5px;
	height: 140px;
	width: 100%;
	padding: 0;
	border: 1px solid white;
}
div.gallery-photo a, div.gallery-photo-main a {
	display: block;
	height: 100%;
	width: 100%;
}
img.gallery-zoom {
	float: right;
	margin: 5px;
	display: none;
}
div.gallery-description p {
	color: #7b7979;
	font-size: 12px;
	padding: 0 15px;
}
div.gallery-description p.dark {
	color: #231f20;
	font-size: 14px;
	padding: 0 5px;
}

/*
table.formHolder {
width: 100%;
}
.formLabelHolder {
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
color: #7B7979;
padding-top: 10px;
}
.formHolder input {
width: 300px;
}
.formHolder textarea {
width: 100%;
height: 125px;
}
.formHolder textarea, .formHolder input {
background: #f7f6f5;
border: 1px solid #BDBBBC;
border-radius: 3px;
}
.formHolder td:first-child {
padding-right: 10px;
}
.formButtonHolder {
padding: 20px 0;
}
.formEmailinput, .formTextinput, .formTextarea {
padding: .4em;
border: 1px solid #ccc;
}

.formEmailinput:focus, .formTextinput:focus, .formTextarea:focus { border-color: #000fff; }

.formTextarea {
overflow: auto;
}

input {
border-radius: 3px;
height: 30px;
line-height: 30px;
border: 1px solid #000000;
padding: 5px;
font-size: 12px;
}*/
/*a {
color: #005288;
text-decoration: none;
}
p {
font-family: georgia, sans-serif;
}
hr {
float: left;
color: #E0DEDA;
height: 6px;
background: #E0DEDA;
border: #E0DEDA;
width: 100%;
margin: 5px 0;
}*/
/*ul.two-col, ul.three-col, ul.four-col, ul.cols {
list-style: none;
width: 100%;
display: table;
padding-left: 0;
}
li.col {
display: table-cell;
vertical-align: top;
padding: 0 20px;
}
ul.two-col li.col, ul.three-col li.col, ul.four-col li.col {
border-right: 2px solid #E0DEDA;
}*/
/**************** COLUMNS ***************/


/*.article li.col {
border-bottom: 1px dotted #C2BCB5;
padding-bottom: 10px;
}*/
/*ul.two-col li.col.last, ul.three-col li.col.last, ul.four-col li.col.last {
border-right: none;
}
ul.two-col li.col {
width: 50%;
}
ul.three-col li.col {
width: 33%;
}
ul.four-col li.col {
width: 25%;
}
li.col.narrow {
width: 302px;
padding-right: 0;
border-right: 2px solid #E0DEDA;
}*/
/*ul.left-navi li .menu-item {
display: inline-block;
background: #F7F6F5;
margin: 0 2px 2px 0;
padding: 6px 0;
border-radius: 3px;
cursor: pointer;
}*/


/* Mikan lisäämiä */

.main.wrapper table.contactTable {
	width: 100%;
	border-spacing: 0px;
	font-size: 0.875em;
	line-height: 1.5;
}

.main.wrapper table.contactTable tr:nth-child(even) {
	background: #f4f4f4;
}

.main.wrapper table.contactTable td {
	border-right: 0px none;
	border-left: 0px none;
	padding: 4px 5px;
}


.banners table td {width:300px;}
.links table td {width:300px;}

.tyopaikat{
	padding-bottom:10px;
}
.rssnappi{
	line-height:22px;
	height:22px;
}
.rssnappi img {
	margin-right:10px;
}
.edit-event-table .formLabelHolder{
	width:27%;
}
.edit-event-warning-text{
	color:red;
}
.event-month{
	display:none
}
.event-month:first-child{
	display: table-cell;
	border-bottom: 2px solid grey;
	padding-top:5px;
	padding-bottom:5px;
}
@media (max-width: 1024px) {
	.header,
	.header-wrapper{
		height:250px;
	}

	.header-wrapper .content-wrapper.logo img{

		width:133px;
	}
}