/* START RESET CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,&nbsp,hgroup, menu, nav, section, menu,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; margin: 0; padding: 0}

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none;}

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
center {text-align: center}
/* END RESET CSS */

/* START FONTS */
@font-face {
    font-family: OpenSans;
    src: url(fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(fonts/OpenSans-Normal.ttf);
}
@font-face {
    font-family: OpenSans-Bolder;
    src: url(fonts/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: OpenSans-normal;
    src: url(fonts/OpenSans-Regular.ttf);
}
/* END FONTS */

/* START MAIN CSS */
body {
    background: #ececec;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: OpenSans;
}
h1 {
    font-size: 1.7em;
}
h2 {
    font-size: 1.4em;
}
header h1, header h2 {
    margin-top: 0;
}
time {
    color: #85b200;
    font-size: 1em;
    font-weight: bold;
}
p {
    font-size: 1.1em;
}
a {
    color: #1b95e0;    
    /*font-family: OpenSans-normal;*/
}
.main-content a, .results a{
	font-family: OpenSans-normal;
}
a.active_sort_ilonka{
	font-family: OpenSans-Bolder;
}
a:hover {
    opacity: 0.7;
}
.field-input {
    border: 1px solid lightgrey;
    border-radius: 2px;
    box-shadow: 2px 2px 2px #eee inset;
    color: #111;
    height: 15px;
    padding: 5px 10px;
}
.clear {
    float: none;
    clear: both;
}
.hidden {
    display: none !important;
}
.bold {
    font-weight: bold;
}
#header-background {
    background-color: transparent;
    background-image: url('/i/header.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: content-box;
    width: 100%;
    position: absolute;
    top: 0;
    min-height: 613px;
    z-index: -1;
}
.wrapper {
    margin: 0 auto;
    padding: 0;
    max-width: 1197px;
}
.main-header {
    color: #fff;
}
.main-header h1 {
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 4%;
    text-align: center;
}
.main-header h1 a img {
    vertical-align: middle;
    width: 38%;
}
.header-block {
    background: rgba(46, 63, 69, 0) none repeat scroll 0 0;
    margin: 0 auto;
    padding: 49px 4%;
    text-align: center;
}
.header-block h2 {
    display: block;
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 78%;
}
#index_search {
    height: 102px;
}
.header-block .field-input {
    font-size: 1.3em;
    margin: 30px auto;
    padding: 10px 1%;
    height: auto;
    width: 31%;
}
.header-block .social-block {
    margin: 40px auto;
    margin-bottom: 0;
}
.social-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-block ul li {
    display: inline-block;
    margin: 0 1%;
}
.main-menu {
    background: rgba(46, 63, 69, 1) none repeat scroll 0 0;
    width: 100%;
}
.main-nav {
    background: rgba(46, 63, 69, 1) none repeat scroll 0 0;
    margin: 45px auto 0;
    text-align: center;
    padding: 0;
    width: 100%;
    display: table;
}
.main-nav ul {
    display: table-row;
}
.main-nav li {
    display: table-cell;
    text-align: center;
    margin: 0 24px;
    padding: 5px 10px;
    vertical-align: middle;
}
.main-nav li.open, .main-nav li.selected{
    background: rgba(255, 255, 255, 0.18) none repeat scroll 0 0;
}
.main-nav li a {
    color: #fff;
    display: block;
    font-size: 1.3em;
    padding: 2px 0;
}
.main-nav li a:hover, .main-nav li a.selected{
    color: #ddd;
}
.main-nav .submenu {
    background: rgba(46, 63, 69, 0.8) none repeat scroll 0 0;
    display: none;
    margin-left: -10px;
    margin-top: 5px;
    max-width: 190px;
    padding: 10px 5px;
    position: absolute;
    text-align: left;
    z-index: 99;
}
.main-nav .submenu li {
    display: block;
    padding: 5px 26px;
    margin: 0;
    text-align: left;
    width: 100%;
}
.main {
    background: #fff;
    max-width: 1147px;
    padding: 25px;
    padding-bottom: 50px;
    min-height: 280px;
}
.main-content {
    float: left;
    font-size: 1.1em;
    margin-bottom: 25px;
    max-width: 860px;
    width: 100%;
}
.main-content time {
    display: block;
    margin-bottom: 15px;
}
.main-aside {
    display: inline-block;
    width: 230px;
    float: right;
}
.main-aside h1 {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    background-color: #708681;
    color: #fff;
    font-weight: normal;
}
.main-aside .tweets {
    height: 350px;
    margin-bottom: 50px;
}
.main-footer {
    background: rgba(46, 63, 69, 1) none repeat scroll 0 0;
    width: 100%;
}
.main-footer img {
    float: left;
    margin: 2% 0;
}
.main-footer img:nth-child(2) {
    margin-left: 10%;
}
.footer-logos{
    display: flex;
    width: 100%;
    background: white;
}

.footer-logos img {
    float: none;
    margin: 0 auto;
    max-height: 60px;
    display: inline-block;
    padding: 20px 0;
}
.footer-logos img:nth-child(2) {
    margin: 0 auto;
}

.main-footer p {
    color: #fff;
    font-size: 1.1em;
    max-width: 703px;
    margin: 2% 0;
    display: block;
    line-height: 1.7em;
    float: right;
}
.tweets, .calendar{
    background: #fff;
    display: inline-block;
    margin-bottom: 25px;
}
.tweets {
    width: 230px;
}
.calendar {
    min-width: 230px;
    margin-top: 25px;
}
.calendar section {
    padding: 15px;
    border: 1px solid #e8e8e8;
}
.calendar article {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}
.calendar article:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.calendar h2 {
    margin: 0;
}
.calendar time {
    margin: 0;
}
.calendar h2 a {
    color: #000;
}
.calendar p {
    margin: 13px 0;
    height: 85px;
    overflow: hidden;
}
.highlights {
    background: #fff none repeat scroll 0 0;
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 0 20px;
    max-width: 860px;
    padding: 0 0 15px;
}
.content-main-img {
    width: 100%;
}
.content-main-img img{
    display: block;
    width: 100%;
}
.content {
    margin: 0;
    padding: 15px;
}
.highlights img {
    width: 100%;
}
.highlights-btn {
    margin: auto 0;
    max-width: 860px;
    position: absolute;
}
.highlights .left-btn, .highlights .right-btn {
    background: url('/i/arrow.png') no-repeat center center;
    cursor: pointer;
    height: 50px;
    position: absolute;
    top: 35%;
    width: 30px;
}
.highlights .left-btn {
    left: 15px;
    transform: rotate(180deg);
}
.highlights .right-btn {
    right: 15px;
}
.highlights > h2, .highlights > time, .highlights > p, .highlights > a {
    margin-left: 15px;
    margin-right: 15px;
}
.highlights > a {
		color: #E56C6C;
}
.highlights > p {
    height: 70px;
    overflow: hidden;
}
.news h1 {
    color: #fff;
    font-weight: normal;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 0;
    padding: 5px 25px;
    background: rgba(46, 63, 69, 1) none repeat scroll 0 0;
}
.news img {
    max-width: 125px;
    float: left;
    margin-right: 15px;
}
.news h2 {
    margin: 0;
    padding-top: 0;
}
.news h2 a {
    color: #000;
}
.news article {
    padding: 30px 0;
    border-bottom: 1px solid #CACACA;
}
.news article:last-child {
    border-bottom: none;
}
.btn {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #bbb;
    cursor: pointer;
    color: #303f45;
    display: block;
    font-size: 1.1em;
    padding: 5px 10px;
    text-align: center;
    width: 80px;
}
.btn.fc-button {
    width: auto;
}
.btn:hover {
    border-color: #85b200;
    box-shadow: 1px 1px 2px #ccc;
}
.switchButtons {
    float: right;
}
#eventSwitch {
    margin-left: -93px;
    position: absolute;
}
.bottomButtons {
    margin: 25px 0;
}
.bottomButtons .btn {
    display: inline-block;
    margin-right: 15px;
    min-width: 130px;
}
.bgfff {
    background: #fff;
}
.event > header > h1, .events > header > h2 {
    color: #85b200;
    margin-top: 15px;
}
.event > time {
    background-color: #708681;
    color: #fff;
    display: block;
    font-weight: normal;
    margin: -15px -15px 0;
    padding: 8.5px 15px;
    text-align: left;
}
.bg708681 {
    background: #708681;
    color: #fff;
}
.margin0{
    margin: 0;
}
h1.bg708681.margin0 {
    font-weight: normal;
    padding: 3px 15px;
}
#event_popup {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #aaa;
    box-shadow: 2px 2px 3px #666;
    display: none;
    margin: 0 auto;
    max-width: 50%;
    padding: 15px;
    position: fixed;
    z-index: 9999;
}
#event_popup h1, #event_popup h2{
    margin-top: 0;
}
#event_popup table .first {
    min-width: 100px;
}
#event_popup table td p {
    margin-top: 0;
    padding-top: 0;
}
#popup_close {
    clear: right;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}
#popup_close:hover{
    color: #85b200;
}
.block {
    border: 1px solid #ddd;
    display: block;
    margin: 25px 0;
}
.block h1 {
    margin-bottom: 10px;
}
.searchHead {
    color: #85b200;
}
.search header h3 {
    margin: 45px 0 0 0;
}
.event h1 a {
    color: #85b200;
}
.partners {
    margin: 0 -25px;
}
.partners > header > h1 {
    margin: 0 35px;
}
.partners > article {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin: 20px;
}
.partner {
    padding: 0;
    width: 255px;
    height: 230px;
    cursor: pointer;
}
.partner img {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.partner .logo {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.partner .info {
    background: rgba(46, 63, 69, 0.8) none repeat scroll 0 0;
    height: 90%;
    margin-top: -230px;
    padding: 5% 2% 5% 5%;
    position: static;
    width: 93%;
}
.partner .info > *{
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1.1em;
}
.partner .info h2 {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}
.partner .info a {
    color: #fff;
    font-size: 1.1em;
}
.table {
    display: table;
    height: 100%;
    width: 100%;
}
.tr {
    /*display: table-row;*/
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;   
    justify-content: space-between;
}

.tr > * {    
		align-items: center;
		-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex: 1;         /* OLD - Firefox 19- */
		-webkit-flex: 1;          /* Chrome */
		-ms-flex: 1;              /* IE 10 */
		flex: 1 0 33%; 
}

*.tr > * {
    display: inline-block;    
}

/*.tr > img {
    width: 100%;
    height: 100%;
}*/

/*.tr > * {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
*/
.tr.bottom > * {
    vertical-align: bottom;
}

.tr.top > * {
    vertical-align: top;
}

.tr > *.left {
    text-align: left;
}

.tr > *.right {
    text-align: right;
}

.partner-page-header {
    margin-bottom: 25px;
}
.partner-page-header a {
    font-weight: bold;
    color: #3D6C8C;
}
.partner-page-photo {
    width: 100%;
    margin:0;
    padding: 0;
}
.partner-page-photo img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.partner-view table {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 15px 0;
}
.partner-view table tr td {
    vertical-align: middle !important;
}
/*.partner-view table tr:last-child td {
    background: #ececec none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 2px 3px #888;
    color: rgb(46, 63, 69);
    visibility: hidden;
    font-size: 1.1em;
    padding: 0 15px;
}*/
.partner-view table tr td img {
    border: 1px solid #888;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #444;
    display: inline-block;
    opacity: 0.6;
}
.partner-view table tr td img:hover {
    opacity: 1;
}
/*.partner-view table tr:nth-child(2) td > a {
    background: rgba(0, 0, 0, 0) url("/i/mail-ico.png") no-repeat scroll 0 -5px / contain ;
    color: #3d6c8c;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    opacity: 0.6;
    overflow: visible;
    padding: 0 0 10px 35px;
    text-shadow: 0 0 1px;
}*/
.partner-view table tr td > a:hover {
    opacity: 1;
}
.fullopacity {
    opacity: 1 !important;
}
.doclist {
    float: left;
    display: inline-block;
    width: 100%;
    max-width: 845px;
    margin-bottom: 25px;
}
div#sort {
    margin: 15px 0;
    padding: 5px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.document_list {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    color: #666;
}
.document_list:last-child {
    border-bottom: none;
}
.blackHeadline, .document_list span {
    color: #000;
}
/* END MAIN CSS */

/* #### Mobile Phones below 640px #### */
@media screen and (max-width: 639px) {
    body {
        font-size: 8px;
    }
    .main-nav li {
        display: block;
        font-size: 1.8em !important;
    }
    .main-nav .submenu {
        position: relative;
        background: none;
        margin: 0 auto;
        max-width: 100%;
    }
    .main-nav .submenu li {
        display: block;
        font-size: 0.8em !important;
        text-align: center;
        display: block;
    }
    .main-footer .wrapper {
        text-align: center;
    }
    .main-footer .wrapper > *, .main-aside {
        float: none;
    }
    .main-aside {
        width: 100%;
    }
    .tweets {
        display: none;
    }
    .calendar {
        width: auto !important;
        float: none !important;
        margin: 0 auto;
        margin-bottom: 25px;
    }
}
/* #### Tablets Portrait or Landscape below 980px #### */
@media screen and (min-width: 640px) and (max-width: 979px) {
    body {
        font-size: 10px;
    }
    .main-nav li {
        margin: 0 1px !important;
    }
    .main-footer .wrapper {
        text-align: center;
    }
    .main-footer .wrapper > *, .main-aside {
        float: none;
    }
    .main-aside {
        width: 100%;
    }
    .tweets {
        display: none;
    }
    .calendar {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 25%;
        margin-bottom: 25px;
    }
    .main-content {
        float: none !important;
        width: auto !important;
        margin: 0 auto;
        margin-bottom: 25px;
    }
}
/* #### Desktops above 980px #### */
@media screen and (min-width: 980px) {
    body {
        font-size: 14px;
    }
}
@media screen and (max-width: 1160px) {
    .main-aside {
        float: none;
        width: 100%;
    }
    .highlights {
        margin: 0 10%;
        margin-bottom: 25px;
    }
    .tweets {
        float: right;
    }
    .calendar {
        float: left;
        width: 70%;
        margin-bottom: 25px;
    }
    .main-content {
        float: none !important;
        width: auto !important;
        margin: 0 auto;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 1211px) {
    .main-nav li {
        margin: 0 11px;
    }
}