@import url(//fonts.googleapis.com/css?family=Open+Sans|Open+Sans);

/* --------------------------------------------------------------------------------- */
/* General */

body { min-width:940px; }
.ds_content { height:100%; }
.sections { min-height:100%; height:auto !important; height:100%; }
h1, h2, h3 { line-height:1.33em; }
h1 { font-size:3.2rem; }
h2 { font-size:2.8rem; }
h3 { font-size:2.4rem; }

/* --------------------------------------------------------------------------------- */
/* SECTION: Outer */

.outer_section h1, .outer_section h2, .outer_section h3, .outer_section h4, .outer_section h5, .outer_section h6 { font-weight:normal; }
.outer_section a { text-decoration:underline; }

/* --------------------------------------------------------------------------------- */
/* SECTION: Bg */
.bg_section { height: 100%; left: 0; overflow: hidden; top: 0; width: 100%; z-index: -1; position: fixed; }

/* --------------------------------------------------------------------------------- */
/* SECTION: Top */

.top_section { width:920px; padding:0px 10px 0px 10px; margin:0 auto 0 auto; }
.top_title { max-width:350px; float:left; font-weight:bold; }
.top_title a { text-decoration:none; }
.top_navigation { max-width:570px; float:right; }
.top_navigation ul { list-style:none; margin:0; padding:0; }
.top_navigation li { margin:0; padding:0; display:inline-block; vertical-align:top; }
.top_navigation ul a { padding:0 0 0 20px; display:block; text-decoration:none; }
.top_navigation ul a:hover,
.top_navigation ul .item_active > a { text-decoration:underline; }

/* Parsed */
.top_section { height:50px; }
.top_section, .top_navigation, .top_navigation ul a { line-height:50px; }


/* --------------------------------------------------------------------------------- */
/* SECTION: Inner (used only in centered layout) */

.inner_section { clear:both; width:940px; margin:0 auto 0 auto; }


/* --------------------------------------------------------------------------------- */
/* SECTION: Header */

.header_section_wrap { clear:both; background-repeat:no-repeat; background-position:center center; }
.header_section { position:relative; width:940px; margin:0 auto 0 auto; font-size:35px; line-height:40px; overflow:hidden; }
.header_section .text_wrap { position:absolute; top:0; left:0; display:table; width:100%; margin:35px 0 35px 0; z-index:1; }
.header_section .text_wrap .Text { display:table-row; width:100%; }
.header_section .text_wrap .Text a.site_title { text-decoration:none; display: table-cell; vertical-align:middle; width:100%; padding:0 5% 0 5%; }

.header_section .ImageLoader-index { position:absolute; margin:0; padding:0; overflow:hidden; width:100%; }
.header_section .ImageLoader-index .ds_modfunctions { line-height:20px; position:absolute; width:100%; top:0; right:0; margin:0; padding:0; }
.header_section .ImageLoader-index img { width:100%; }

.header_section .SlideShow-index { position:absolute; margin:0; padding:0; overflow:hidden; width:100%; }
.header_section .SlideShow-index .ds_modfunctions { line-height:20px; position:absolute; width:100%; top:0; right:0; margin:0; padding:0; }
.header_section .SlideShow-index .alert { display:none!important; }

/* Parsed */
.header_section,
.header_section .ImageLoader-index { height:210px; }
 /* Lowest header height in GUI is 100 px, added with 40px line-height is 140px, semitemporary fix for ImageLoader */
.header_section .text_wrap,
.header_section .text_wrap .Text,
.header_section .text_wrap .Text a.site_title { height:140px; }
.header_section .text_wrap .Text a.site_title { text-align:left; }


/* --------------------------------------------------------------------------------- */
/* SECTION: Navigation */

.navigation_section { clear:both; width:940px; margin:0 auto 0 auto; }
.navigation_main { padding:0 5% 0 5%; }
.navigation_main ul { list-style:none; margin:0; padding:0; }
.navigation_main li { margin:0; padding:0; display:inline-block; vertical-align:top; }
.navigation_main ul a { padding:0 2.2rem 0 0; line-height:45px; display:block; text-decoration:none; }
.navigation_main ul li:last-child a { padding-right:0; }
.navigation_main ul a:hover,
.navigation_main ul .item_active > a { text-decoration:underline; }

/* Parsed */
.navigation_section_wrap { background:#eee; }
.navigation_section { text-align:left; }
.navigation_main ul a { color:#999; }
.navigation_main ul .item_active > a { color:#333; }


/* --------------------------------------------------------------------------------- */
/* SECTION: Main */

.main_section_wrap { clear:both; }
.main_section { width:940px; margin:0 auto 0 auto; }

.navigation_rec { margin-bottom:3.2rem; }
.navigation_rec ul { list-style:none; margin:0; padding:0; }
.navigation_rec li { margin:0; padding:0; }
.navigation_rec ul { margin-bottom:7px; }
.navigation_rec ul a { display:block; text-decoration:none; padding:3px 0 3px 0; }
.navigation_rec ul a { }
.navigation_rec ul ul a { padding-left:6px; }
.navigation_rec ul ul ul a { padding-left:12px; }
.navigation_rec ul ul ul ul a { padding-left:18px; }
.navigation_rec ul a:hover,
.navigation_rec ul .item_active > a { text-decoration:underline; }

/* Parsed */
.main_section_wrap { background:#fff; }
.navigation_rec ul a { color:#999; }
.navigation_rec ul .item_active > a { color:#333; }


/* --------------------------------------------------------------------------------- */
/* SECTION: Main - Zones */

.Zone { display:inline-block; vertical-align:top; padding:5%; }

/* 1 */
.zone1_1 { width:100%; } /* 100 */

/* 1 (no padding) */
.zone1_1_nopadding { width:100%; padding:0; } /* 100 */

/* 2 */
.zone2_1 { width:30%; padding-right:2.5%; } /* 30 */
.zone2_2 { width:70%; padding-left:2.5%; } /* 70 */

/* 2 (navigation right) */
.zone2_1_right { width:70%; padding-right:2.5%; } /* 70 */
.zone2_2_right { width:30%; padding-left:2.5%; } /* 30 */

/* 2 (even) */
.zone2_1_even { width:50%; padding-right:2.5%; } /* 50 */
.zone2_2_even { width:50%; padding-left:2.5%; } /* 50 */

/* 3 */
.zone3_1 { width:25%; padding-right:2.5%; } /* 25 */
.zone3_2 { width:50%; padding-left:2.5%; padding-right:2.5%; } /* 50 */
.zone3_3 { width:25%; padding-left:2.5%; } /* 25 */

/* 3 (navigation right) */
.zone3_1_right { width:52.5%; padding-right:2.5%; } /* 52.5 */
.zone3_2_right { width:22.5%; padding-left:2.5%; padding-right:2.5%; } /* 22.5 */
.zone3_3_right { width:25%; padding-left:2.5%; } /* 25 */

/* 3 (even) */
.zone3_1_even { width:32.5%; padding-right:2.5%; } /* 32.5 */
.zone3_2_even { width:35%; } /* 35 */
.zone3_3_even { width:32.5%; padding-left:2.5%; } /* 32.5 */

/* 4 */
.zone4_1 { width:100%; padding:0; } /* 100 */
.zone4_2 { width:32.5%; padding-right:2.5%; } /* 32.5 */
.zone4_3 { width:35%; } /* 35 */
.zone4_4 { width:32.5%; padding-left:2.5%; } /* 32.5 */

/* 4 + padding */
.zone4_1_padding { width:100%; padding-right:5%; padding-left: 5%; } /* 100 */

/* --------------------------------------------------------------------------------- */
/* SECTION: Footer */

.footer_section { width:940px; margin:0 auto 0 auto; line-height:25px; padding:10px 0 10px 0; }

/* Parsed */
.footer_section_wrap { background:#eee; }
.footer_section { text-align:left; color:#999; }
.footer_section .Text { padding:0 5% 0 5%; }

/* --------------------------------------------------------------------------------- */
/* SECTION: Notice */

.notice_section { width:860px; padding:0 40px 0 40px; margin:0 auto 0 auto; line-height:50px; height:50px; }

/* Parsed */
.notice_section { text-align:center; color:#ccc; }

/* max-width & height for editor images */
.Text.Module .textContent img, .Article-index .list_articles_item img, .Article-article .article_view img, .Article-article .articles_list img { max-width:100%; height:auto!important; }
.Text.Module .textContent iframe, .Article-index .list_articles_item iframe, .Article-article .article_view iframe, .Article-article .articles_list iframe { width:100%!important; }

/* ksf banners */
.Text.Widget.banner1 { max-width:98rem; margin:0 auto 2rem; overflow:hidden; }
.Text.Widget.banner2 { max-width:16rem; margin:2rem auto 0; overflow:hidden; }

@media (max-width: 960px)
{
	body { min-width:0; padding:0; }
	.outer_section { padding:0!important; }
	.top_title { width:auto; max-width:none!important; float:none; text-align: center; }
	.top_navigation { width:auto; max-width:none!important; float:none; text-align: center; }
	.top_section { width:auto!important; height:auto!important; min-height:50px; text-align: center; }
	.top_section, .top_navigation, .top_navigation ul a { line-height:auto!important; }
	.inner_section { width:auto; border-radius: 0 0 0 0!important; }
	.header_section_wrap, .header_section_wrap .ImageLoader-index img { border-radius: 0 0 0 0!important; }
	.footer_section_wrap { border-radius: 0 0 0 0!important; }
	.header_section_wrap { background-size:cover; overflow:hidden; }
	.header_section { width:auto; margin:0; }
	.navigation_section { width:auto; }
	.main_section_wrap { border-radius:0 0 0 0!important; }
	.main_section { width:auto; }
	.footer_section { width:auto; }
	.footer_section_wrap { border-radius: 0 0 0 0!important; }
	.notice_section { width:auto; padding:0 40px 0 40px; }
}

@media (max-width:758px)
{
	.Zone { width:100%; display:block; vertical-align:top; padding:5%; }
}

@media (max-width:650px)
{
	.Text.Module .textContent, .Article-index .list_articles_item, .Article-article .article_view { word-wrap:break-word; }
}.bg_section { background-color:rgba(200,200,200,1); }
.bg_section { background-image:url('https://midgard.fi/Site/Data/621/Images/Midis%20nymalat.jpg'); }
.bg_section { background-attachment:fixed; }
.bg_section { background-repeat:no-repeat; }
.bg_section { background-size:cover; }
.bg_section { background-position:center top; }
.outer_section { padding:0 0 30px 0; }
.outer_section a { color:rgba(31,29,31,1); }
.outer_section a:hover { color:rgba(31,29,31,1); }
.outer_section, .outer_section p { color:rgba(31,29,31,1); }
.outer_section, .outer_section p { font-family:'Open Sans'; }
.outer_section h1, .outer_section h2, .outer_section h3 { color:rgba(140,15,15,1); }
.outer_section h1, .outer_section h2, .outer_section h3 { font-family:'Open Sans'; }
.header_section_nav, .header_section, .navigation_section, .header_section_title, .navigation_rec { font-family:'Open Sans'; }
.top_section_wrap { background-color:rgba(255,255,255,1); }
.top_section { width:920px; }
.top_section { height:50px; }
.top_section, .top_navigation, .top_navigation ul a { line-height:50px; }
.top_title a, .top_title a:hover { color:rgba(140,15,15,1); }
.top_navigation a { color:rgba(140,15,15,1); }
.top_navigation a:hover, .top_navigation ul .item_active > a { color:rgba(140,15,15,1); }
.inner_section { box-shadow:0 2px 6px rgba(0,0,0,0.3); }
.inner_section { border-radius:0px 0px 0px 0px; }
.header_section_wrap, .header_section_wrap .ImageLoader-index img { border-radius:0 0 0 0; }
.header_section_wrap { background-color:rgba(230,230,230,1); }
.header_section_wrap { background-image:url('https://midgard.fi/Site/Data/621/Images/midgard_inside_lights.jpg'); }
.header_section, .header_section .ImageLoader-index { height:px; }
.header_section .text_wrap, .header_section .text_wrap .Text, .header_section .text_wrap .Text a.site_title { height:-70px; }
.header_section .text_wrap .Text a.site_title { text-align:center; }
.header_section a.site_title, .header_section a.site_title:hover { color:rgba(255,255,255,1); }
.navigation_section_wrap { border-radius:0px 0px 0 0; }
.navigation_section_wrap { background-color:rgba(140,15,15,1); }
.navigation_section { text-align:left; }
.navigation_main ul a { color:rgba(255,255,255,1); }
.navigation_main ul a:hover, .navigation_main ul .item_active > a { color:rgba(255,255,255,1); }
.main_section_wrap { border-radius:0 0 0px 0px; }
.main_section_wrap { background-color:rgba(255,255,255,1); }
.navigation_rec { text-align:left; }
.navigation_rec ul a { color:rgba(140,15,15,1); }
.navigation_rec ul a:hover, .navigation_rec ul .item_active > a { color:rgba(140,15,15,1); }
.footer_section_wrap { background-color:rgba(220,235,242,1); }
.footer_section_wrap { border-radius:0 0 0px 0px; }
.footer_section { color:rgba(33,119,158,1); }
.footer_section { text-align:center; }
.notice_section_wrap { background-color:rgba(255,255,255,1); }
.notice_section { color:rgba(150,150,150,1); }