/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/254727");*/

  
@font-face {font-family: 'ZapfHumanist601BT-Roman';src: url('webfonts/254727_0_0.eot');src: url('webfonts/254727_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/254727_0_0.woff') format('woff'),url('webfonts/254727_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'ZapfHumanist601BT-Italic';src: url('webfonts/254727_1_0.eot');src: url('webfonts/254727_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/254727_1_0.woff') format('woff'),url('webfonts/254727_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'ZapfHumanist601BT-Bold';src: url('webfonts/254727_2_0.eot');src: url('webfonts/254727_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/254727_2_0.woff') format('woff'),url('webfonts/254727_2_0.ttf') format('truetype');}

/* Box sizing for all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
	color: #444;
	background: #f7f7f7;
	font-family: "Helvetica neue", arial, sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

.cont {
	/*font-size: 0.875em;*/
	line-height: 1.5em;
}

.group {
	float: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: ZapfHumanist601BT-Roman, Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.3em;
	line-height: 1.05em;
	-webkit-font-smoothing: antialiased;
}

img {
	display: block;
	border: none;
}

#header h1 {
	font-size: 1.500em;
	text-transform: uppercase;
	text-align: center;
	padding-top: 40px;
}

.cont h1 {
	font-family: ZapfHumanist601BT-Bold;
	font-size: 2.125em;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 0.2em;
	margin-bottom: 20px;
}

h2 {
	font-size: 2em;
}

h2.summary {
	font-size: 1.250em;
	font-family: ZapfHumanist601BT-Italic;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.250em;
	font-weight: bold;
}

#footer h3 {
	font-size: 14px;
	font-weight: bold;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

#footer p {
	font-size: 0.875em;
}

a, a:visited {
	color: #0d228a;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

.nav {
	list-style: none;
	margin: 0;
	padding: 0;
	background: white;
}

.nav a {
	font-family: ZapfHumanist601BT-Roman, Helvetica, Arial, sans-serif;
	display: block;
	padding: 0.5em 1em;
}

.nav-horizontal {
	height: 40px;
	margin-left: 14%;
	background: transparent;
}

.nav-horizontal a {
	padding: 0.5em 1em;
	font-size: 1.125em;
	color: #fff;
	height: 40px;
	float: left;
	position: relative;
}

.nav-horizontal .parent a,
.nav-horizontal .current a {
	background: #7ec822;
}

.nav-horizontal .parent #point,
.nav-horizontal .current #point {
	width: 100%;
	height: 7px;
	background: url(../img/point.png) bottom no-repeat;
	position: absolute;
	left: 0;
	bottom: -7px;
	z-index: 99;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
}

.nav-horizontal-2 {
	background: #7ec822;
	margin-left: 24%;
}

.nav-horizontal-2 li a:hover {
	text-decoration: none;	
}

.nav-horizontal-2 a {
	margin: 0.4em 0.1em;
	color: #36550E;
	float: left;
	padding: 0.1em 0.5em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

.nav-horizontal-2 a:hover,
.nav-horizontal-2 .current a,
.nav-horizontal-2 .parent a {
	color: #fff;
	background: #5e9419;
}

.nav-vertical {
	background: #fff;
	border: 1px solid #dcdcdc;
}

.nav-vertical a {
	border-bottom: 1px solid #dcdcdc;
}

.nav-vertical a:hover {
	text-decoration: none;	
}

.nav-vertical li.current a {
	color: #333;
}

.nav-vertical li:first-child > a {
	border-top: none;
	padding-top: 0.9em;
}

.nav-vertical li:last-child > a {
	border: none;
	padding-bottom: 0.9em;
}

.nav-vertical ul li a {
	padding: 0;
}

.nav-vertical .has_children a {
	padding-bottom: 0.5em !important;
}

/* Basic padding for columns */
.side-col, .main-col {
	padding: 0;
	margin-bottom: 1em;
}

#header .wrap {
	overflow: visible;
}

#header .row-full {
	position: relative;
	padding: 0;
	height: 95px;
}

#header .row-item {
	height: 95px;
}

#header .row-item-1 {
	width: 21%;
}

#header .row-item-3 {
	padding-top: 10px;
	width: 21%;
}

#header .row-item-1 img#logo {
	position: absolute;
	left: 0;
	top: 14px;
}

#header .row-item-2 {
	width: 58%;
}

#header .row-item-3 {
	text-align: center;
}

#header .lang,
#header .contact {
    font-size: 0.813em;
    line-height: 2em;
    margin: 0 0.2em;
    padding: 0.2em;
    display: inline-block;
}

.row-full {
	clear: both;
}

#content-container {
	background: url(../img/content-bg.jpg) top repeat-x;
}

#content img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

#content .align_center {
	display: block;
	margin: 0 auto;
}

#content .align_left {
	float: left;
	margin: 0 0.6em 0.6em 0;
}

#content .align_right {
	float: right;
	margin: 0 0 0.6em 0.6em;
}

#header {
	background: url(../img/top-bg.jpg) repeat-x;
}

#footer {
    clear: both;
    background: url(../img/bottom-bg.jpg) repeat-x;
    background-size: contain;
}

#footer .wrap {
	padding-top: 20px;	
}

#theme {
	position: relative;
	height: 320px;
	overflow: hidden;
}

.copyright a {
	color: #444;
	text-decoration: none;
}

/* Row helpers */
 .row-4, .row-3, .row-2 {
	clear: both;
	width: 100%;
	margin-bottom: 1em;
}

/* Clearfix - For modern browsers */
.cf:before, .cf:after, .nav:before, .nav:after, .row-4:before, .row-4:after, .row-3:before, .row-3:after, .row-2:before, .row-2:after {
    content:"";
    display:table;
}
.cf:after, .nav:after, .row-4:after, .row-4:after, .row-2:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf, .nav, .row-4, .row-3, .row-2 {
    zoom:1;
}

.row-item {

}

.row-item:first-child {
	padding-left: 0em;
}

.row-2 .row-item {
	width: 50%;
	float: left;
}

.row-2 .row-item:first-child {
	margin-left: 0
}

.row-3 .row-item {
	width: 33.33333333%;
	float: left;
}

.row-3 .row-item:first-child {
	margin-left: 0
}

.row-3 .row-item:first-child a {
	color: #444;	
}

.row-4 .row-item {
	width: 25%;
	float: left;
}

.row-4 .row-item:first-child {
	margin-left: 0
}

.min-only {
	display: none;
}

.date, h2.summary .pvm {
	font-size: 0.8em;
	margin-right: 10px;
}

h2.summary .pvm {
	display: block;
}

/* home */

.tpl-home .item-events {
	border-top: 1px solid #dcdcdc;
	margin-bottom: 20px;
}

.tpl-home .item-events > div {
	clear: both;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	overflow: hidden;
}

.tpl-home .item-events > div:last-child {
	border-bottom: none;
}

.tpl-home .item-events h1 {
	font-size: 1.250em;
	text-transform: uppercase;
	font-weight: 600;
	color: #444;
	background: #f7f7f7;
	float: left;
	margin: -10px 0 10px 40%;
	padding: 0 5px;
	clear: both;
}

.tpl-home .row-item-3 .item-events h1 {
	margin: -10px 0 10px 11.8%;
}

.tpl-home .item-events h2 {
	line-height: 0.5em;
	margin-bottom: 0.1em;
}

.tpl-home .item-events h2 a {
	font-family: 'ZapfHumanist601BT-Bold';
	font-size: 17px;
	color: #333;
}

.tpl-home .item-events .date {
	font-size: 0.750em;
	font-weight: bold;
	color: #666;
}

.tpl-home .item-events p {
	font-size: 0.875em;
	margin-bottom: 5px;
}

.tpl-home #content .item-events img {
	float: left;
	margin: 8px 10px 8px 0;
}

#options {
	overflow: hidden;
	width: 100%;
	clear: both;
}
#options div {
	width: 33%;
}

.tpl-eventslist .item {
	position: relative;
}

.tpl-eventslist .date {
	position: absolute;
	left: 0;
	top: 0;
}

.tpl-eventslist .item-title {
	display: block;
	margin-left: 160px;
}

.listlink {
	font-size: 0.9em;
	display: block;
	margin-top: 0.5em;
}

.tpl-home #content .row-full {
	margin-top: 35px;
}

.tpl-home #content .row-3 .row-item-1,
.tpl-home #content .row-3 .row-item-3 {
	width: 20%;
	float: left;
}

.tpl-home #content .row-3 .row-item-2 {
	width: 60%;
	float: left;
}

.tpl-home #content .row-3 .row-item-2 .block-items {
	padding: 0 30px;
}

.block-items {
	margin-bottom: 40px;
}

#search {
	position: relative;
	text-align: left;
	width: 200px;
	background: url("../img/search-bg.jpg") no-repeat left;
	margin: 0 auto;
}

#search_query {
	padding: 0;
	border: none;
	background: none;
	width: 165px;
	padding: 2px 6px 2px 3px;
}

#search button {
	position: absolute;
	width: 30px;
	height: 24px;
	top: 0;
	right: 0;
	font-size: 0;
	text-indent: -999px;
	border: none;
	background: none;
	cursor: pointer;
}

#searchform {
	margin-bottom: 2em;
}

#theme img {
	display: block;
}

#theme .highlights {
	width: 50%;
	height: 38px;
	background: #0d228a;
	background-color: rgba(13, 34, 138, 0.8);
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	z-index: 99;
}

#theme .highlights a {
	font-family: ZapfHumanist601BT-Roman;
	font-size: 1.115em;
	display: block;
	text-align: center;
	float: left;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 13px;
}

#theme .highlights a:first-child {
	background: #7ec822;
	background-color: rgba(126, 200, 34, 0.8);
}

#theme .highlights a:hover {
	background-color: rgba(13, 34, 138, 1);
}

#theme .highlights-right {
	left: auto;
	right: 0;
}

#content {
	padding-top: 25px;
	margin-bottom: 25px;
}

.tpl-home #content {
	padding-top: 0;
	margin-bottom: 0;
}

.fb {
	display: block;
	float: right;
	clear: both;
	padding: 3px 38px 0 0;
	margin-bottom: 10px;
	height: 26px;
	background: url(../img/fb.png) no-repeat right;
}

.highlights {
	margin-bottom: 20px;
}

.highlights li:last-child a {
	border: none;
}

.highlights li a:hover {
	color: #000;
	background: whitesmoke;
}

.image-highlights {
	background: transparent;
	border: none;
}

#content .image-highlights img {
	margin: 0 auto;
}

.image-highlights li {
	text-align: center;
}

/* event and news views */

.tpl-news .item-news-item h2,
.tpl-events .item-title {
	font-family: "Helvetica neue", arial, sans-serif;
	font-size: 16px;
}

.tpl-events .item-events {
	position: relative;
}

.tpl-events .item-events .date {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
}

.tpl-events .item-events .item-title {
	display: block;
	margin-left: 160px;
}

.tpl-news .item-events {
	position: relative;
}

.tpl-news .item-events .date {
	position: absolute;
	top: 0;
	left: 0;
}

.tpl-news .item-events .item-title {
	display: block;
	margin-left: 70px;
}

.mod-gallery {
	overflow: hidden;
	clear: both;
}

.mod-gallery a {
	color: #444;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	margin: 10px;
	padding: 3px;
	border: 1px solid #dcdcdc;
}

.mod-gallery img {
	display: block;
}

.mod-gallery span {
	font-size: 11px;
	display: block;
	background: #fff;
	width: 100%;
	border: 1px solid #dcdcdc;
	padding: 0 0 0 5px;
}

blockquote {
	margin: 0;
	padding: 20px;
	background: #fff;
	border: 1px solid #dcdcdc;
}
blockquote p {
	margin: 0;
}

#search-results {
	padding-left: 0;
}

#search-results li {
	list-style: none;
}

#search-results p {
	border-bottom: 1px solid #dcdcdc;
}

#search-results .summary {
	display: block;
	font-size: 0.9em;
}

/* event-filter */
#event-filter {
	margin-bottom: 20px;
}

#event-filter  h3{
	margin-bottom: 1em;
}

#event-filter .submit {
	margin: 1.5em 0;
}

#event-filter label {
	font-size: 0.8em;
}

.MarkupPagerNav {
	padding: 0;
}

.MarkupPagerNav li {
	display: block;
	float: left;
	margin: 0 5px;
	font-size: 0.9em;
}

.MarkupPagerNav li:first-child {
	margin-left: 0;
}

.MarkupPagerNavOn span {
	color: #444;
	font-weight: bold;
}

.tpl-sitemap ul ul ul {
	font-size: 12px;
}

.cont .item-news {
	position: relative;
}

.cont .item-news .date {
	position: absolute;
	left: 0;
	top: 0;
}

.cont .item-news .item-title {
	display: block;
	margin-left: 70px;
}

.huom {
	background: #fff;
	padding: .5em;
}

.partners {
    background: #fff;
    border-top: 1px solid #dcdcdc;
    text-align: center;
    padding: .5em;
    padding-top: 1.5em;
}

.partners .image-highlights li {
    display: inline-block;
   	padding: 0 1em;
   	vertical-align: middle;
}

.partners .highlights li a:hover {
    background: transparent;
}

.partners .image-highlights li img {
    width: 140px;
    height: auto;
}

.nav-vertical a {
    border: 1px none;
}

iframe {
    max-width: 100%;
}

/* some */

#some {
    margin: 1em -1% 2em -1% !important;
    width: 102%;
}

#some .content-block {
    display: inline-block;
    width: 31.25%;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 1em;
    margin: 1%;
    vertical-align: top;
}

#some .content-block a {
	display: block;
	position: relative;
}

#some .content-block a:after {
	content: " ";
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    right: -1em;
    background-size: contain !important;
    background-size: 30% 70%;
}

#some .content-block.facebook a:after {
	background: #666 url(../img/fb-2.png) no-repeat center;
}

#some .content-block.instagram a:after {
	background: #666 url(../img/insta.png) no-repeat center;
}

#some .content-block .img-container {
    margin: -1em -1em 1em -1em;
    text-align: center; 
    border-bottom: 1px solid #dcdcdc;
}

#some .content-block .img-container img {
    margin: 0 auto;
}

#some .content-block p {
    font-family: 'ZapfHumanist601BT-Bold';
    font-size: 17px;
    color: #333;
    margin-bottom: .5em;
}

#some .content-block .date {
    font-size: 0.750em;
    font-weight: bold;
    color: #666;
}