body {
    margin: 0 auto;
    padding: 0;
    font-family: 'Source Sans Pro', Arial;            
}

div {
    color: #4c4c4c;
}

.top-menu {
    background: #242424;
    line-height: 35px;
    text-align: center;    
}

.bar {
    background: url('../img/bar.jpg') no-repeat center bottom #FFF;
    height:  305px;
}

h2, ul.bricks > li,
ul.bricks > li > a, ul.bricks > li > a:visited, ul.bricks > li > a:hover, ul.bricks > li > a:active {
    color: #4c4c4c;
}

a, a:visited {
    color: #94c120;
    text-decoration: none;
}

a:active, a:hover {
    text-decoration: underline;
}

ul.bricks > li > a, ul.bricks > li > a:visited, ul.bricks > li > a:hover, ul.bricks > li > a:active,
ul.bmenu > li > a, ul.bmenu > li > a:visited, ul.bmenu > li > a:hover, ul.bmenu > li > a:active { 
    text-decoration: none;
}

h2 {
    display: block;
    margin: 35px 0;
    font-size: 35pt;
    font-weight: normal;
}

ul.reset {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.bricks > li {
    display: inline-block;
    height: 220px;
    padding: 0;
    overflow-y: hidden;    
    width: 480px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;    
}

ul.bricks > li > a {
    display: block;
    height: 220px;
    padding: 35px;
    overflow-y: hidden;    
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.bricks > li > a, ul.bricks > li > a:hover, ul.bricks > li > a:active {
    text-decoration: none;
}

div.content {
    width: 960px;
    margin: 0 auto;
}

ul.bricks > li > span.date {
    display: block;
    font-size: 10pt;
}

ul.bricks > li h3 {
    display: block;
    margin: 10px 0;
    font-size: 17pt;
    font-weight: normal;
}

ul.bricks > li {
    -moz-transition: all 1s ease;    
    -webkit-transition: all 1s ease;    
    -o-transition: all 1s ease;    
    transition: all 1s ease;
}

div.section.green {
    margin-top: 70px;    
    background: url("../img/logogreen.png") no-repeat center center #17542a;
    color: #FFF;
}

div.section.green li {
}

ul.bmenu {
    padding: 35px 0;
}

ul.bmenu > li {
    display: inline-block;
    margin: 1px 1px 0 0;
    padding: 0;    
}

ul.bmenu > li > a, ul.bmenu > li > a:hover, ul.bmenu > li > a:visited,ul.bmenu > li > a:active {
    color: #FFF;
}

ul.bmenu > li > a:hover {
    background-color: rgba(160, 160, 160, 0.2);
    
    -moz-transition: all 1s ease;    
    -webkit-transition: all 1s ease;    
    -o-transition: all 1s ease;    
    transition: all 1s ease;
}

ul.bmenu > li > a {
    display: table-cell;
    width: 238px;
    height: 130px;
    padding: 20px;
    overflow-y: hidden;    
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 15pt;
    font-weight: normal;
    vertical-align: bottom;        
}

ul.bmenu.small-text > li > a {
    font-size: 10pt;
}
    
ul.bmenu > li > a span.small {
    font-size: 80%;
    display: block;
}

div.logos {
    padding: 35px 0;
    text-align: center;
    font-size: 9pt;
    text-transform: uppercase;
}

div.logos p {
    display: inline-block;
    text-align: left;
}

div.logos img {
    padding: 0 35px;
    vertical-align: top;
}

div.news table tr td {
    vertical-align: top;
    padding: 0;
    margin: 0;    
}

div.news table tr td:nth-child(1) p {
    text-align: justify;
}

div.news table tr td:nth-child(2) {
    width: 450px;
}

div.news table tr td:nth-child(1) {
    padding: 35px 70px 0 0;
}

div.news table tr td:nth-child(1) img {
    max-width: 200px;
    margin: 5px;
    text-align: center;
}

table.sheet tr td {
    text-align: left;    
}

table.sheet tr td p {
    margin: 5px 35px 0 0;
    font-size: 11pt;
}

.article .headingp {
    width: 550px;
    margin-bottom: 70px;
}

a.button {
    color: #242424;
    border: 2px solid #242424;
    display: inline-block;
    padding: 5px 25px;
    text-decoration: none;
    font-size: 17pt;    
    font-weight: lighter;
}

a.arrow-left-32 {
    background: url(../img/arrow-left-32.png) no-repeat 5px center;
    padding-left: 40px;        
}

a.arrow-left-32:hover {
    background-position: 0 center;
    
    background-color: #F6F6F6;    
    
    -moz-transition: all 0.5s ease;    
    -webkit-transition: all 0.5s ease;    
    -o-transition: all 0.5s ease;    
    transition: all 0.5s ease;        
}

div.top-nav-button {
    margin-top: 35px;
}

div.article h3 {
    font-weight: normal;
    font-size: 17pt;
    text-transform: uppercase;
    margin-top: 45px;
}

div.article h3.strong {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

ul.image-list img {
    width: 80%;
    margin: 30px 0;
    vertical-align: middle;    
}

ul.image-list > li {
    text-align: center;    
    width: 46%;
    display: inline-block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;    
}

div.green h3.chapter {
    color: #FFF;
    font-size: 17pt;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: block;
}

ul.inline li {
    display: inline;    
}

ul.topmenu li a {
    line-height: 35px;
    font-size: 9pt;
    color: #D6D6D6;
    padding: 0 12px;
    display: inline-block;    

    -moz-transition: all 1s ease;    
    -webkit-transition: all 1s ease;    
    -o-transition: all 1s ease;    
    transition: all 1s ease;

}

ul.topmenu li a:hover, ul.topmenu li a:active {
    background-color: #94c120;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
  
    ul.topmenu li a {
        padding: 0 6px;
    }
  
}

ul.topmenu li:after {
    content: '|';
}

ul.topmenu li:last-child:after {
    content: '';
}


div.fb {
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
    display: inline-block;    
}

div.fb div:nth-child(1) {
    text-align: left;
}

div.fb h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
}

ul.eko-ico > li > h3 {
    background: url("../img/eko_ico.jpg") no-repeat left center;
    padding-left: 45px;
    line-height: 50px; 
}

ul.mm {
    list-style-type:  disc;    
}

ul.mm > li {
    margin-bottom: 50px;
}

ul.eko-ico .source {
    font-size: 80%;
    padding-left: 40px;
}

ul.bricks > li:nth-child(7n+1) {
    background: none repeat scroll 0 0 #e0edec;
}
ul.bricks > li:nth-child(7n+1):hover { background: #c0dad8; }

ul.bricks > li:nth-child(7n+2) {
    background: none repeat scroll 0 0 #eff1eb;
}
ul.bricks > li:nth-child(7n+2):hover { background: #d7dccd; }

ul.bricks > li:nth-child(7n+3) {
    background: none repeat scroll 0 0 #c8dfdc;
}
ul.bricks > li:nth-child(7n+3):hover { background: #a8ccc7; }

ul.bricks > li:nth-child(7n+4) {
    background: none repeat scroll 0 0 #d7dce5;
}
ul.bricks > li:nth-child(7n+4):hover { background: #b8c1d1; }

ul.bricks > li:nth-child(7n+5) {
    background: none repeat scroll 0 0 #f8f7df;
}
ul.bricks > li:nth-child(7n+5):hover { background: #efedb5; }

ul.bricks > li:nth-child(7n+6) {
    background: none repeat scroll 0 0 #e3e8d0;
}
ul.bricks > li:nth-child(7n+6):hover { background: #cfd7ae; }

ul.bricks > li:nth-child(7n+7) {
    background: none repeat scroll 0 0 #f4f9e9;
}
ul.bricks > li:nth-child(7n+7):hover { background: #e0eec1; }

p.center {
    text-align: center;
}

span.person-highlight {
    color: #94c120;
}

p.sek {
    margin-bottom: 20px;
}
p.sek span.time {
    font-weight: bold;
    padding-right: 10px;
}

h3.green {
    font-size: 220%;
}

h4.green {
    font-size: 180%;
}

h3.green, h4.green {
    font-weight: normal;
    color: #94c120;    
}

a.bold {
    font-weight: bold;
}

ul.separators > li:after {
    color: #9a9a9a;
    content: ' | ';
}

ul.separators > li:last-child:after {
    content: '';
}

ul.spaced > li > a {
    padding: 0 2px;
}

div.thumbs > img {
    height: 60px;
    margin: 1px;    
}

div.thumbs > img:active, div.thumbs > img:hover {
    cursor: pointer;
}

div#galleryPhoto {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: none;
    padding: 0;
    z-index: 90;
    background-color: #FFF;
    padding: 60px;
}

@media screen and (max-height: 768px)  {
    div#galleryPhoto {
        padding: 0;
    }
}

div#galleryPhoto a:hover, div#galleryPhoto a:active {
    opacity: 1;    
}

img.photo {
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
}

div#galleryPhoto div.buttons {
    text-align: center;
    position: fixed;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    top: 3px;
    z-index: 99;
}

div#galleryPhoto button {
    border: none;
    background-color: #FFF;
    padding: 6px;
    margin: 3px;
    background-color: #EEE;  
    color: #444;
    font-family: 'Source Sans Pro', Arial;
    font-size: 12pt;    
}

div#galleryPhoto button:hover, div#galleryPhoto button:active {
    background-color: #94c120;
    color: #FFF;
    cursor: pointer;
}

.strong {
    font-weight: bold;
}